模态窗口

最新推荐文章于 2025-05-06 01:16:14 发布

chenxueyong7345

最新推荐文章于 2025-05-06 01:16:14 发布

阅读量243

点赞数

分类专栏： ASP.NET 文章标签： JavaScript UI 脚本 Web ViewUI

本文链接：https://blog.youkuaiyun.com/chenxueyong7345/article/details/83498325

版权

ASP.NET 专栏收录该内容

35 篇文章

订阅专栏

模态窗口

.模态窗口的打开,model window open
2.模态窗口的关闭,model window close
3.模态窗口的传递参数,model window get valuse
4.其他....,other ..

1.window.showModalDialog("DialogPage.aspx","newwin","dialogHeight: 200px; dialogWidth: 150px; dialogTop: 458px; dialogLeft: 166px; edge: Raised; center: Yes; help: Yes; resizable: Yes; status: Yes;");

2.window.close();

3.传值
ParentPage.aspx:
window.showModalDialog("DialogPage.aspx?para1=aaa&para2=bbb");

DialogPage.aspx:
string str1=Request.QueryString["para1"].toString();
string str2=Request.QueryString["para2"].toString();

返回值
DialogPage.aspx:
window.returnValue="aaa"; //返回aaa

ParentPage.aspx:
var str=window.showModalDialog("DialogPage.aspx"); //这样可以得到模态窗口的返回值aaa

在实际应用中可能如下：在DialogPage.aspx页面中一按扭响应事件如下：

// 确定事件处理程序

private void ibtnOK_Click( object sender, System.Web.UI.ImageClickEventArgs e)

{

DataTable dt=parameters.ParameterTable;

string name=parameters.STRTableName;

string strSearch="";

//返回拼接参数条件

strSearch=ReturnParaValues(dt);

if(strSearch!="")

{

strSearch=" and 1=1 "+strSearch;

}

//执行JavaScript脚本

StringBuilder sb = new StringBuilder();

if (!this.Page.IsClientScriptBlockRegistered("GoExactSearchView"))

{

sb.Append("<script language='javascript'>\n")

.Append("window.returnValue =").Append("window.dialogArguments+\" "+strSearch).Append("\";\n")

.Append("window.close();\n")

.Append("</script>\n");

this.Page.RegisterClientScriptBlock("GoExactSearchView",sb.ToString());

}

上述程序运行时的一个示例监视为：

strsearch = " and 1=1 and TempColumn63467 like '%CKD康明斯C300 20 （欧II）%'"

< script language ='javascript' >

window.returnValue =window.dialogArguments+" and 1=1 and TempColumn63467 like '%CKD康明斯C300 20 （欧II）%'";

window.close();

</ script >

这样当单击提交时，会将处理后的结果strSearch返回！并自动关闭该模态页面！
而父页面处理如下：

// 以有模式打开参数过滤窗口冯岩 2007-04-23 e-works

function OpenParaListWin(Url,strArgs,CetValueCtlID)

{

document.getElementById("IframeSearch").src = Url;

document.getElementById("IframeSearch").style.display = "inline";

var resultValue=window.showModalDialog(Url,strArgs,'dialogWidth=500px;dialogHeight=500px;help:no;status:no; ');

/**//*注意其中第二个参数strArgs，其作用是在操作完打开的模态窗口后，可以再将此参数返回给本页面，如何获取，即利用上面的window.dialogArguments属性，即得到strArgs的值！这种方式有时比URL中传参更好！不过window.dialogArguments只适用于mode和modeless窗口中*/

if(resultValue!=undefined)

{

//window.alert(resultValue);

document.getElementById(CetValueCtlID).value=resultValue;//处理模态窗口返回值

document.getElementById('Form1').submit(); //自动提交本aspx页面，以更新结果！

}

return false;

}

上述JS函数也是父窗口单击Button click的响应处理事件！如果返回有结果则会自动更新本页面！

4.
aspx页面在showmodeldialog情况下为什么一提交就重新打开一个页面?
showmodaldialog打开的页面中在<head></head>之间加入一行：<base target="_self">