asp.net中的模态对话框
终于开始写B/S的程序。
今天遇到了一个问题, 如何处理模态对话框。具体的要求是:在选择页面上的“添加”按钮,弹出模态对话框,在对话框中添加记录后,选择“确定”按钮,关闭对话框,更新主页面表格的数据。
网上关于模态对话框的讨论有很多,试了一天,发现一个比较好的解决方法:
1、显示对话框:
在jscript脚本文件中加入:
function OpenEditWin(frmWin,width,height)
{
var me;
// 把父页面窗口对象当作参数传递到对话框中,以便对话框操纵父页自动刷新。
me = window;
// 显示对话框。
window.showModalDialog(frmWin,me,'dialogWidth='+width +'px;dialogHeight='+height+'px;help:no;status:no')
}
在C#中调用 :
cmdAdd.Attributes.Add("onclick","javascript:OpenEditWin('" + Session["showForm"] + "',540,400)");
很多方法是用 Response.Write或者RegisterStartupScript 来实现,但是都存在问题,如显示对话框时页面是空白、刷新页面的时候弹出对话框等。
在对话框中加入:
function onsubmit() // 强制本窗口提交
{
document.Form1.target="_self";
}
2、关闭对话框
Response.Write("<script language='javascript'>");
Response.Write("window.close()");
Response.Write("</script>");
3、对话框关闭后,执行更新操作
在对话框的关闭事件中加入:
Response.Write("<script language='javascript'>");
Response.Write("window.close()");
Response.Write("</script>");
4、更新主页面中的表格数据。
在“添加”按钮的处理方法中,添加表格更新的代码。
今天遇到了一个问题, 如何处理模态对话框。具体的要求是:在选择页面上的“添加”按钮,弹出模态对话框,在对话框中添加记录后,选择“确定”按钮,关闭对话框,更新主页面表格的数据。
网上关于模态对话框的讨论有很多,试了一天,发现一个比较好的解决方法:
1、显示对话框:
在jscript脚本文件中加入:











在对话框中加入:









在对话框的关闭事件中加入:




在“添加”按钮的处理方法中,添加表格更新的代码。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通