[小技术应用]框架下动态调用用户控件的模态弹出窗体

主要原理：是通过js的方法showModalDialog来实现的，2个窗体页面之间使用的是Session传递，在主窗体页面上放置一个隐藏的按钮。

 

< asp:LinkButton  ID ="LinkButton1"  runat ="server"  style ="display:none" > 刷新 </ asp:LinkButton >

 

在后台CS文件调用方法打开模式窗体，所以写一个简单的类，如下：

 

public   class  ModalPage
{
     private   static   string  ModalWindow( string  openAspxPage,  int  width,  int  height)
    {
         string  js  =   string .Format( " javascript:window.showModalDialog(\ " { 0 }\ " ,window,\ " status: false ;dialogWidth:{ 1 }px;dialogHeight:{ 2 }px\ " );javascript:__doPostBack('LinkButton1',''); " , openAspxPage, width, height); // window.location.href=window.location.href
         return  js;
    }
     private   static   void  RegisterJavaScript(Page p,  string  js)
    {
        p.RegisterStartupScript( "" ,  " <script> "   +  js  +   " </script> " );
    }
     private   static   void  RegisterJavaScript(UpdatePanel up,  string  js,  bool  b)
    {
        ScriptManager.RegisterStartupScript(up, up.GetType(),  "" , js,  true );
    }
     ///   <summary>
     ///  显示模态窗体
     ///   </summary>
     ///   <param name="page"> 包含的模态页面 </param>
     ///   <param name="width"></param>
     ///   <param name="height"></param>
     ///   <param name="p"> 主窗体 </param>
     public   static   void  ShowDialog( string  page,  int  width,  int  height, Page p)
    {
         string  js  =  ModalWindow(page, width, height);
        RegisterJavaScript(p, js);
    }
     public   static   void  ShowDialog( string  page,  int  width,  int  height, UpdatePanel up)
    {
         string  js  =  ModalWindow(page, width, height);
        RegisterJavaScript(up, js,  true );
    }
}

 

在模式窗体页面做一些你想要的操作，比如：输入一些值，通过session传递对象，例如：

 

using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

public   partial   class  frame_modal : System.Web.UI.Page
{
     protected   void  Page_Load( object  sender, EventArgs e)
    {
         if  ( ! IsPostBack)
        {
            Title  = Server.UrlDecode( Request.QueryString[ " t " ].ToString());
            Label1.Text  =  Server.UrlDecode(Request.QueryString[ " s " ].ToString());
             string  s  =  Request.QueryString[ " c " ].ToString();
            UserControl user  =  (UserControl)LoadControl( " ../UserControls/ "   +  s);
            Page.Controls.Add(user);
        }
    }
     protected   void  Button1_Click( object  sender, EventArgs e)
    {
        Save s  =   new  Save();
        s.Value1  =  TextBox1.Text;
        s.Value2  =  TextBox2.Text;
        Session[ " s " ]  =  ( object )s;
        Response.Write( " <script>window.opener=null;window.close();</script> " );
    }
}

 

然后是在主窗体页面，因为是通过javascript:__doPostBack('LinkButton1','');这句实现的刷新方法，所以在主窗体load事件中处理传递来的值，如下：

 

using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

public   partial   class  frame_main : System.Web.UI.Page
{
     protected   void  Page_Load( object  sender, EventArgs e)
    {
         if  ( ! IsPostBack)
        {
        }
         else
        {
             if  (Session[ " s " ]  !=   null )
            {
                Save s  =  (Save)Session[ " s " ];
                TextBox2.Text  =  s.Value1;
                TextBox3.Text  =  s.Value2;
            }
        }
    }
     protected   void  Button1_Click( object  sender, EventArgs e)
    {
         string  i1  =  Server.UrlEncode( " 这是窗体传递的字符串 " );
         string  i2  =  Server.UrlEncode( " 标题: "   +  drp.Items[drp.SelectedIndex].Text);
         string  s  =   string .Format( " modal.aspx?t={0}&s={1}&c={2} " ,i2 , i1, drp.SelectedValue);
         // ModalPage.ShowDialog(s, 600, 400, this);
        ModalPage.ShowDialog(s,  600 ,  400 , UpdatePanel1);
    }
}

 

最后就是对象的代码：

 

///   <summary>
///  Save 保存值传递的对象
///   </summary>
public   class  Save
{
     private   string  _value1;
     private   string  _value2;

     public   string  Value1
    {
         get  {  return  _value1; }
         set  { _value1  =  value; }
    }

     public   string  Value2
    {
         get  {  return  _value2; }
         set  { _value2  =  value; }
    }
     public  Save()
    {
    }
}

 

不过实验过程中，遇到了一个问题：如果把LinkButton1放到UpdatePanel1里的区域内，就无法达到刷新的效果了，再网上也没找到相应的解决方法，下面是主窗体前台代码，希望高手能出手帮忙解决下，我想实现关闭模式窗体后让UpdatePanel1里的区域内局部刷新，好像UpdatePanel1阻止了自己写的JS代码：

 

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " main.aspx.cs "  Inherits = " frame_main "   %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title ></ title >
</ head >
< body >
     < form  id ="form1"  runat ="server" >
         < asp:ScriptManager  ID ="ScriptManager1"  runat ="server" >
         </ asp:ScriptManager >
         < asp:UpdatePanel  ID ="UpdatePanel1"  runat ="server" >
             < ContentTemplate >
                选择要打开的用户控件
                 < asp:DropDownList  ID ="drp"  runat ="server"  Width ="120px" >
                 < asp:ListItem  Value ="a.ascx" > 测试控件a </ asp:ListItem >
                 < asp:ListItem  Value ="b.ascx" > 测试控件b </ asp:ListItem >
                 </ asp:DropDownList >
                 < asp:Button  ID ="Button1"  runat ="server"  Text ="打  开"  Width ="80px"  ToolTip ="服务器Button控件"  OnClick ="Button1_Click"   />
                 < asp:TextBox  ID ="TextBox1"  runat ="server"  Text ="原来的数据" ></ asp:TextBox >
                 < asp:TextBox  ID ="TextBox2"  runat ="server" ></ asp:TextBox >
                 < asp:TextBox  ID ="TextBox3"  runat ="server" ></ asp:TextBox >
                
             </ ContentTemplate >
         </ asp:UpdatePanel >
     < div >
        
         < asp:LinkButton  ID ="LinkButton1"  runat ="server"  style ="display:none" > 刷新 </ asp:LinkButton >
     </ div >
     </ form >
</ body >
</ html >

 

源码地址：右键另存为