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

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

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

a.aspx 关键代码如下：

<script type="text/javascript">

function openWin()

{

var width=320;

var height=100;

var url='addcustorm.aspx';

var returnVal;

returnVal=window.showModalDialog(url ,'','dialogWidth='+width+'px;dialogHeight='+ height+'px;resizable=no;help=no;center=yes;status=no;scroll=no;edge=sunken');

if (returnVal=="True") //当直接点模态窗体的X关闭的时候不刷新主页面

{

$(document).ready(function(){

$("#sc").load("GetCustorm.aspx");

});

}

}

</script>

b.aspx页面关键代码：

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

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