点击按钮页面弹出对话框，关闭对话框父页面刷新

来源：互联网发布：java怎么输入数字编辑：程序博客网时间：2024/04/29 14:55

首先，先设计弹出模式对话框。

1、在相应页面编辑js脚本函数如下：

function OpenApplication(tableName) {

var url = '../ CopyMonth.aspx';

if (tableName != null) {

url = url + '?table=' + tableName;

}

var width = window.screen.width / 2 - 200;

var height = window.screen.height / 2 + 20;

var left = width / 2;

var top = height / 2;

if (top > 30) {

top = top - 30;

}

window.showModalDialog(url, window, "dialogHeight: 330px; dialogWidth: 400px;edge: Raised; center: Yes; help: No; resizable: No; status: No;");

return false;

}

</script>

注意：其中tableName为父页面传入弹出窗口的QueryString设置，可以根据需要来决定是否需要此参数。

2、在该页面中需要添加按钮的地方，添加按钮并编辑其相应onclick事件，如下：

….

</div>

</td>

….

通过前面两步即可设计出点击某一按钮时，在IE中弹出一个对话框。注意：如果在弹出的窗口中，窗口地址栏没有隐藏（如下图），可通过设置打开网页为“可信站点”来解决。

其次，设置在关闭窗口时，刷新父窗口。

1、在弹出窗口所显示页面（本文为CopyMonth.aspx文件）中，设计js关闭事件函数，如下：

function closewindow() {

var w;

if (null != window.dialogArguments && null != window.dialogArguments.location) {

w = window.dialogArguments;

w.location.reload();

}

window.close();

}

</script>

2、注意：同时需要在该页面添加<base target="_self">标签，可以放置在相应aspx页面的任何位置，但是在IE7中会失效，此时需要将该标签放在<head><head/>标签居中的位置，即三分之二的位置。

3、添加关闭标签，如下：