• 使用模态窗口编辑数据


    为提高客户的体验,经常使用模态窗口。以下为使用的一个例子。

    1、建立一个含有iframe的html文件,用于防止自刷新的问题。
    Fram.htm
    <html>
        
    <head>
            
    <title>在模态窗口中打开的框架页</title>
        
    </head>
        
    <body topmargin="0" leftmargin="0" scroll="no">
            
    <iframe width="100%" height="100%" border="0" id="frame1"></iframe>
            
    <script Language="Javascript">
            
    var el=document.frames.frame1;
            
    if(el!=null){
            
    var arg=window.dialogArguments;
            
    if(arg!=null)
            frame1.location.href
    =arg;
            }

            
    </script>
        
    </body>
    </html>

    2、 在要打开模态窗口的起始处,编写如下函数:
            private string GetOpenModalDialogScript(int width, int height)
            
    {
                StringBuilder sb 
    = new StringBuilder();
                sb.Append(
    "<script language='javascript'>");
                sb.Append(
    "function EditStructure(arg)");
                sb.Append(
    "{");

                sb.Append(
    "var argument;");
                sb.Append(
    "argument = 'EditStructureData.aspx' + '?StructureUID=' + arg;");

                sb.AppendFormat(
    "var dialog = 'dialogWidth={0}px;' + 'dialogHeight={1}px;' + 'center=yes;status=no';", width, height);
                sb.Append(
    "var retValue=window.showModalDialog('Frame.htm',argument,dialog);");

                sb.Append(
    "if(retValue==1)");
                sb.Append(
    "top.location.href=top.location.href;");
                sb.Append(
    "}");
                sb.Append(
    "</script>");
            }
    函数的作用是生成打开模态窗口的JS代码,可以指定窗口的宽度和高度,接收模态窗口关闭后传回的数据。
    另处,在发生点击事件的控件处要注册些脚本。如下:
    LinkButton lbnName = e.Item.FindControl("lbnName"as LinkButton;
    lbnName.Text 
    = dataItem.Name;
    if(!Page.IsClientScriptBlockRegistered("EditStructureData"))
    {
        Page.RegisterClientScriptBlock(
    "EditStructureData"this.GetOpenModalDialogScript(300,300));

    lbnName.Attributes.Add(
    "onclick",
        
    string.Format("EditStructure('{0}');return false;", dataItem.StructureUID.ToString()));
    注意这里传递了一个StructureUID参数,用于在模态窗口中接收这个参数,然后根据参数提取数。

    3、在模态窗口中进行数据处理。
    在模态窗口的后台代码中添加如下函数:
            private void EndModalDialog()
            
    {
                
    this.EndModalDialog(true);
            }

            
    private void EndModalDialog(bool refurbish)
            
    {
                
    //返回值为1表示成功,top.close()表示把Frame.htm关闭
                string script = string.Format("<script language=\'Javascript\'>window.returnValue={0};top.close();</script>", refurbish ? 1 : 0);

                Page.Response.Write(script);
                Page.Response.End();
            }

    函数可以指定是否刷新父窗口,在编辑完数据和取消编辑处进行调用。

    posted on 2005-09-08 10:05 网际飞狐 阅读(2486) 评论(7)  编辑 收藏 所属分类: ASP.NET

    评论

    #1楼  2005-09-09 10:56 Boler Guo

    可以不用加iframe的~   回复  引用  查看    

    #2楼  2005-09-10 22:17 wuku52 [未注册用户]

    不用加iframe的?
    请问怎么做啊,我也是加iframe的   回复  引用  查看    

    #3楼  2005-09-26 16:47 Boler Guo

    我不知道“防止自刷新的问题”我理解的對不對,是不是每當submit就會彈出一個新頁面的問題?如果是這樣可以解決的。
    最近几天一直在处理模式窗口的问题,索性写了这篇总结,以供参考:
    http://blog.csdn.net/tom0421/archive/2004/11/30/199005.aspx

    1。打开窗口:
    var handle = window.showModalDialog(url, objects, feathers);
    其中:objects可以为参数(包括数组),也可以是对象。
    通常的用法 objects = {window} ,把父窗体的对象共享给子窗体。

    2。关闭子窗口:
    window.close();

    3。从子窗体传参数给父窗体:
    window.returnVal = string;

    3。清除缓存,防止模式窗口页面不更新的情况:
    HTML
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="Mon, 23 Jan 1978 20:52:30 GMT">

    4。防止打开新窗口(如提交表单):
    <base target="_self">
    between <head> and </head>

    5。在模式窗口使用F5刷新页面:
    <base target="_self">
    <body onkeydown="if (event.keyCode==116){reload.click()}">
    <a id="reload" href="filename.htm" style="display:none">reload...</a>
    其中:filename为窗口页面。

    6。防止模式窗口打开的页面出现cookie丢失的情况:
    模式窗口打开新窗口时,仅可以使用 showModalDialog(url,window,feathers); 方法,且 objects 为 window 。

    7。在弹出窗口中获得或设置主窗口的任何值:
    打开弹出窗口时用:showModalDialog(url, window, feathers)
    在弹出窗口中使用 window.dialogArguments 对象(即主窗口传递过来的 window 对象集),即可以获得或者设置主窗口的值。

  • 相关阅读:
    ORACLE触发器简单列子
    接口测试中需要携带token的接口返回结果偶尔报无权限
    接口自动化测试用例偶尔报无权限的解决办法
    python中的faker库生成数据,并写入txt文本中
    anaconda在sys.path删除~/.local/lib
    题解12/12 模拟赛
    题解BalticOI 2020
    题解12/09 模拟赛
    亿些原古博客汇总
    bijective proof problems 选做
  • 原文地址:https://www.cnblogs.com/zpq521/p/1276333.html
Copyright © 2020-2023  润新知