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

时间:2022-07-30 23:52:41

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

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

<script language="javascript" type="text/javascript">

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事件,如下:

….

<td align="left" width="100px" background="../Images/SKIN02/top.jpg">

                        <div align="left" class="login">

                            <input type="button" name="btCopyMonth" value="整月复制" onclick="OpenApplication('aaa');"/>                           

                        </div>

                    </td>

….

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

 

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

1、 在弹出窗口所显示页面(本文为CopyMonth.aspx文件)中,设计js关闭事件函数,如下:

<script language="javascript" type="text/javascript">

    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、 添加关闭标签,如下:

<input type="button" value=" " onclick= "closewindow(); " />