jquery学习笔记-jquery结合showModalDialog实现子页面局部刷新父页面

欲实现的功能是：在a.aspx页面有一个下拉框 选择 然后发现没有 所要选项。因此需要添加一个 ，此时点击新增 打开子页面b.aspx，在b.aspx页面实现添加操作后关闭b.aspx页面，刷新a.aspx页面的 下拉框。

 

实现的方式是：jquery结合showModalDialog。以showModalDialog方式打开b.aspx页面。在b.aspx页面操作完成之后返回给a.aspx一个值来，判断此值决定是否刷新页面。

 

a.aspx 关键代码如下：

 

1. <script type="text/javascript">
2.     function   openWin()   
3.     {   
4.        var   width=320;   
5.        var   height=100;   
6.        var   url='addcustorm.aspx';   
7.        var   returnVal;   
8.        returnVal=window.showModalDialog(url ,'','dialogWidth='+width+'px;dialogHeight='+ height+'px;resizable=no;help=no;center=yes;status=no;scroll=no;edge=sunken');   
9.       if   (returnVal=="True")  //当直接点模态窗体的X关闭的时候不刷新主页面 
10.       {   
11.           $(document).ready(function(){
12.             $("#sc").load("GetCustorm.aspx"); 
13.             });
14.       }
15.    } 
16. </script>

b.aspx页面关键代码：

 

b.aspx.cs的事件处理程序添加成功之后

 

  Response.Write("<script>");
                Response.Write("window.returnValue='True';window.close();");
                Response.Write("</script>");