弹窗调用

写了一个有下拉菜单选择的弹框，涉及到刷新页面问题，所以将弹框重写成了一个页面调用，记录一下步骤。

1. 新建一个弹框页面dialog_accept.aspx，将弹窗内容放进去； 2.在想要调用弹窗的页面加入js文件，当然需要jQuery文件支持；

 <script type="text/javascript" src="../scripts/artdialog/dialog-plus-min.js"></script>

并加入js调用代码：

 <script type="text/javascript">
        $(function () {
            $("#btn_Select").click(function () { EditAcceptInfo(); }); //弹出窗口
        })
        //弹出对比窗口
        function EditAcceptInfo() {
            var winDialog = top.dialog({
                url: 'dialog_accept.aspx',  //弹窗文件目录
                width: 900,
                height: 522,
                data: window //传入当前窗口
            }).showModal();
        }
    </script>

3.将页面嵌入到项目中时，因为是嵌套在iframe里，所以应该在父级页面中也引入dialog-plus-min.js文件，自定义的弹框样式也要写在父级页面中，这样弹框的调用是在父级页面的form外的。

转载于:https://my.oschina.net/u/3052153/blog/847018