.模态窗口的打开,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¶2=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>
<!--注意window.dialogArguments 的作用:在下面讲到-->
这样当单击提交时,会将处理后的结果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">
分享到:
相关推荐
在网页设计中,模态窗口(Modal Window)是一种常见的用户交互设计模式,它可以在不离开当前页面的情况下显示新的内容或进行交互操作。JQuery,一个轻量级、高性能的JavaScript库,提供了简单易用的API来实现这种...
在 EasyUI 中,模态窗口(Modal Window)是一种常用的功能,用于展示弹出式对话框,通常用于输入数据、确认操作或者显示详细信息。在本篇文章中,我们将深入探讨 EasyUI 的模态窗口插件,包括其基本使用方法、配置...
【DIV模态窗口实现】是一种常见的前端网页设计技术,它允许在不离开当前页面的情况下,弹出一个窗口显示额外的信息或功能。模态窗口通常用于登录、注册、提示信息、表单提交等场景,能够提供良好的用户体验,因为它...
在网页设计中,`div` 和 `css` 是构建页面布局和样式的重要工具,而模态窗口(Modal Window)则是用户界面设计中的一个常见元素。模态窗口是一种弹出式的对话框,它会覆盖住主页面,使得用户必须先与模态窗口交互...
在网页开发中,模态窗口是一种常见的用户界面元素,用于在不离开当前页面的情况下向用户展示信息或收集输入。本文将深入探讨如何使用HTML、CSS以及JavaScript创建和管理模态窗口,特别是针对Internet Explorer(IE)...
下面我们将详细探讨如何利用jQuery实现模态窗口,以及在描述中提到的"5个Jquery模态窗口"可能包含的具体内容。 1. **基本原理**: jQuery模态窗口通常通过CSS控制样式,JavaScript处理事件和行为来实现。基本思路...
在网页设计和开发中,模态窗口是一种常见的交互设计元素,它可以在用户当前操作的页面上弹出一个半透明的窗口,强制用户与其交互后才能继续进行其他操作。标题“层实现模态窗口(div)”表明我们将探讨如何使用HTML中...
### 模态窗口解决方案:全面解析与跨浏览器支持 在现代网页设计中,模态窗口(Modal Window)作为一种常见的交互模式,被广泛应用于各种场景,如登录框、弹出提示、对话框等。然而,不同浏览器对模态窗口的支持程度...
根据给定文件的信息,本文将围绕“分页后弹出模态窗口刷新父窗口”的主题进行深入探讨。此话题主要涉及前端开发中的交互设计、页面更新机制以及如何在不同的页面间进行数据同步等内容。 ### 一、理解分页与模态窗口...
在网页设计中,模态窗口(Modal Window)是一种常见的用户界面设计模式,它可以在当前页面上弹出一个半透明的对话框,强制用户与之交互后再继续操作。本资源主要探讨如何使用HTML `<div>` 元素来实现类似JavaScript...
模态窗口在软件开发中是一种常见的用户界面设计元素,它是一种特殊的窗口,当模态窗口出现时,用户必须先与该窗口交互,处理完其中的任务,才能继续操作应用程序的其他部分。这种窗口强制用户按照特定的流程进行操作...
JavaScript的模态窗口是网页开发中常用的一种交互设计,它可以在用户进行其他操作时暂停页面流程,强制用户关注特定信息或执行某个操作。模态窗口通常由一个覆盖在主页面上的半透明背景(通常称为“mask”)和一个...
### 模态窗口demo及说明 #### 一、概述 模态窗口是用户界面设计中的一个常见元素,它能够提供一种交互方式,使得用户在不离开当前页面的情况下完成某些特定任务或操作。本文将深入探讨如何使用JavaScript创建模态...
这是Visual Studio的MFC项目,展示了模态窗口、非模态窗口的使用。弹出模态窗口就会阻塞父窗口,并且展示了C++读取鼠标位置的方法。非模态窗口则不会阻塞父窗口。 主窗口展示了树控件的使用方法。
这是一个例子,告诉大家如何解决在 WPF 的软件,弹出一个模态窗口。使用另一个窗口在模态窗口前面。从任务栏打开模态窗口。关闭模态窗口。这时发现,主窗口会在刚才使用的另一个窗口下面
模态窗口通常用于确认操作、输入数据或者显示详细信息等场景。在【标题】"html 模态窗口子窗体调用父窗体的任何函数"中,我们将探讨如何在模态子窗口中实现对父窗口功能的调用。 模态子窗口通常由JavaScript或者...
模态窗口,也称为对话框或弹出窗口,在网页设计中是一种常见的用户界面元素,用于在主页面上显示额外信息,而不会完全中断用户的浏览体验。在这个“19种漂亮的模态窗口效果”中,我们可以预见到一系列使用jQuery实现...
在IT领域,透明非模态窗口作图是一种高级的用户界面设计技术,它涉及到图形用户界面(GUI)的实现和优化。在这个测试中,我们主要关注的是如何在窗口上进行透明处理,同时保持窗口的非模态特性,使得用户可以在同一...
在网页开发中,模态窗口(Modal Window)是一种常见的用户交互设计,用于显示与当前页面相关的临时信息或进行特定操作。这种窗口会阻止用户与背景页面的直接交互,直到模态窗口被关闭。当我们需要在用户关闭模态窗口...
模态窗口阻止了用户对页面其他部分的互动,直到用户关闭了模态窗口为止。 在"js弹出模态窗口"这个主题中,我们主要会涉及以下几个知识点: 1. **HTML结构**:模态窗口通常由HTML元素构建,包括一个主容器(一般...