母版页中弹出模式对话框，并获取返回值

最新推荐文章于 2023-03-14 10:47:19 发布

原创最新推荐文章于 2023-03-14 10:47:19 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#string #javascript #脚本 #object

ASP.NET C# 同时被 2 个专栏收录

53 篇文章

订阅专栏

javascript & jquery

25 篇文章

订阅专栏

1、编写弹出模式对话框的脚本

//////////////////////////////////////////////////////////////////////////
// 打开模式对话框
// orgID：机构代码
// orgName：机构名称
// all：标识是否显示全部机构，为1时全部显示，为0时显示注册过的机构
//////////////////////////////////////////////////////////////////////////
function OpenOrgDlog(orgID,orgName, all,width,height) 
{       
     var me; 
     // 把父页面窗口对象当作参数传递到对话框中，以便对话框操纵父页自动刷新。
      me = "Org.aspx?id="+orgID+"&name="+orgName+"&all="+all;
     // 显示对话框。
      window.showModalDialog(me, window, 'dialogWidth=' + width + 'px;dialogHeight=' + height + 'px;help:no;status:no');
}

2、在Register.aspx页面上添加按钮：LinkButton1，并在代码面中给按钮添加onclick属性：

                string orgName = Request.Cookies["userInfo"]["orgName"].ToString();
                string orgID = Request.Cookies["userInfo"]["orgID"].ToString();
                LinkButton1.Attributes.Add("onclick", "javascript:OpenOrgDlog('" + orgID + "','" + orgName + "',1, 600,600)");

3、构造Org.aspx页面里的TreeView及其他元素，包括确认按钮，在aspx页面的<head>部分添加： <base target="_self" />

4、给Org.cs的确认按钮事件添加返回结果代码：

        protected void btnOK_Click(object sender, EventArgs e)
        {
            if (txbOrgID.Text == "")
            {
                return;
            }
            string script = "var wind=window.dialogArguments; wind.document.getElementById('ctl00_ContentPlaceHolder1_txbOrgId').value='" + txbOrgID.Text + "';wind.document.getElementById('ctl00_ContentPlaceHolder1_HiddenField1').value='" + HiddenField1.Value + "';window.close()";
            ScriptManager.RegisterStartupScript(this.UpdatePanel1, this.GetType(), "updateScript", script, true);
            
        }

由于Register.aspx采用母版页，并且有UpdatePanel，因此在btnOK_Click事件中的getElementById函数内用ctl00_ContentPlaceHolder1_XXX，ScriptManager.RegisterStartupScript用于在有UpdatePanel的页面中执行脚本语句。