`
chenxueyong
  • 浏览: 342252 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

模态窗口

阅读更多

.模态窗口的打开,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>
<!--注意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">

 

分享到:
评论

相关推荐

    Jquery实现模态窗口效果

    在网页设计中,模态窗口(Modal Window)是一种常见的用户交互设计模式,它可以在不离开当前页面的情况下显示新的内容或进行交互操作。JQuery,一个轻量级、高性能的JavaScript库,提供了简单易用的API来实现这种...

    easyui 模态窗口插件

    在 EasyUI 中,模态窗口(Modal Window)是一种常用的功能,用于展示弹出式对话框,通常用于输入数据、确认操作或者显示详细信息。在本篇文章中,我们将深入探讨 EasyUI 的模态窗口插件,包括其基本使用方法、配置...

    DIV模态窗口实现

    【DIV模态窗口实现】是一种常见的前端网页设计技术,它允许在不离开当前页面的情况下,弹出一个窗口显示额外的信息或功能。模态窗口通常用于登录、注册、提示信息、表单提交等场景,能够提供良好的用户体验,因为它...

    div css窗口 模态窗口

    在网页设计中,`div` 和 `css` 是构建页面布局和样式的重要工具,而模态窗口(Modal Window)则是用户界面设计中的一个常见元素。模态窗口是一种弹出式的对话框,它会覆盖住主页面,使得用户必须先与模态窗口交互...

    html 模态窗口使用

    在网页开发中,模态窗口是一种常见的用户界面元素,用于在不离开当前页面的情况下向用户展示信息或收集输入。本文将深入探讨如何使用HTML、CSS以及JavaScript创建和管理模态窗口,特别是针对Internet Explorer(IE)...

    5个Jquery模态窗口

    下面我们将详细探讨如何利用jQuery实现模态窗口,以及在描述中提到的"5个Jquery模态窗口"可能包含的具体内容。 1. **基本原理**: jQuery模态窗口通常通过CSS控制样式,JavaScript处理事件和行为来实现。基本思路...

    层实现模态窗口(div)

    在网页设计和开发中,模态窗口是一种常见的交互设计元素,它可以在用户当前操作的页面上弹出一个半透明的窗口,强制用户与其交互后才能继续进行其他操作。标题“层实现模态窗口(div)”表明我们将探讨如何使用HTML中...

    模态窗口解决方案

    ### 模态窗口解决方案:全面解析与跨浏览器支持 在现代网页设计中,模态窗口(Modal Window)作为一种常见的交互模式,被广泛应用于各种场景,如登录框、弹出提示、对话框等。然而,不同浏览器对模态窗口的支持程度...

    分页后弹出模态窗口刷新父窗口

    根据给定文件的信息,本文将围绕“分页后弹出模态窗口刷新父窗口”的主题进行深入探讨。此话题主要涉及前端开发中的交互设计、页面更新机制以及如何在不同的页面间进行数据同步等内容。 ### 一、理解分页与模态窗口...

    使用div仿javascript模态窗口

    在网页设计中,模态窗口(Modal Window)是一种常见的用户界面设计模式,它可以在当前页面上弹出一个半透明的对话框,强制用户与之交互后再继续操作。本资源主要探讨如何使用HTML `&lt;div&gt;` 元素来实现类似JavaScript...

    模态窗口的程序

    模态窗口在软件开发中是一种常见的用户界面设计元素,它是一种特殊的窗口,当模态窗口出现时,用户必须先与该窗口交互,处理完其中的任务,才能继续操作应用程序的其他部分。这种窗口强制用户按照特定的流程进行操作...

    JavaScript 的模态窗口

    JavaScript的模态窗口是网页开发中常用的一种交互设计,它可以在用户进行其他操作时暂停页面流程,强制用户关注特定信息或执行某个操作。模态窗口通常由一个覆盖在主页面上的半透明背景(通常称为“mask”)和一个...

    模态窗口demo及说明

    ### 模态窗口demo及说明 #### 一、概述 模态窗口是用户界面设计中的一个常见元素,它能够提供一种交互方式,使得用户在不离开当前页面的情况下完成某些特定任务或操作。本文将深入探讨如何使用JavaScript创建模态...

    MFC模态窗口、非模态窗口、树控件的使用

    这是Visual Studio的MFC项目,展示了模态窗口、非模态窗口的使用。弹出模态窗口就会阻塞父窗口,并且展示了C++读取鼠标位置的方法。非模态窗口则不会阻塞父窗口。 主窗口展示了树控件的使用方法。

    WPF 关闭模态窗口例子

    这是一个例子,告诉大家如何解决在 WPF 的软件,弹出一个模态窗口。使用另一个窗口在模态窗口前面。从任务栏打开模态窗口。关闭模态窗口。这时发现,主窗口会在刚才使用的另一个窗口下面

    html 模态窗口子窗体调用父窗体的任何函数

    模态窗口通常用于确认操作、输入数据或者显示详细信息等场景。在【标题】"html 模态窗口子窗体调用父窗体的任何函数"中,我们将探讨如何在模态子窗口中实现对父窗口功能的调用。 模态子窗口通常由JavaScript或者...

    19种漂亮的模态窗口效果

    模态窗口,也称为对话框或弹出窗口,在网页设计中是一种常见的用户界面元素,用于在主页面上显示额外信息,而不会完全中断用户的浏览体验。在这个“19种漂亮的模态窗口效果”中,我们可以预见到一系列使用jQuery实现...

    透明非模态窗口作图测试

    在IT领域,透明非模态窗口作图是一种高级的用户界面设计技术,它涉及到图形用户界面(GUI)的实现和优化。在这个测试中,我们主要关注的是如何在窗口上进行透明处理,同时保持窗口的非模态特性,使得用户可以在同一...

    模态窗口关闭时刷新父页面js文件

    在网页开发中,模态窗口(Modal Window)是一种常见的用户交互设计,用于显示与当前页面相关的临时信息或进行特定操作。这种窗口会阻止用户与背景页面的直接交互,直到模态窗口被关闭。当我们需要在用户关闭模态窗口...

    js弹出模态窗口

    模态窗口阻止了用户对页面其他部分的互动,直到用户关闭了模态窗口为止。 在"js弹出模态窗口"这个主题中,我们主要会涉及以下几个知识点: 1. **HTML结构**:模态窗口通常由HTML元素构建,包括一个主容器(一般...

Global site tag (gtag.js) - Google Analytics