artDialog控件的嵌套使用

 

源页面JS：

 

$("#btnAddGr").click(function () {
                top.art.dialog.open('/WebShow/Group/GroupAdd.aspx', {
                    id:'GroupAdd',
                    title: '添加群组',
                    lock: true,
                    width: 500,
                    height: 180,
                    zIndex: 9999,
                    close: function () {
                        window.location.href = "/WebShow/Group/GroupList.aspx";

                    }

                });
                return false;
            });

GroupAdd.aspx页面是添加群组，添加成功后又要弹出一个提示框：

 

top.art.dialog.alert("保存成功。", function(){
  top.art.dialog.get('GroupAdd').close();
},
 { icon : "succeed" }
);

这样的话，点击“添加成功提示框”的确定按钮后，dialog.alert()会关闭，并执行回调函数，将其父窗口dialog.open()也关闭，然后再执行父窗口dialog.open()的回调函数，即跳转到“/WebShow/Group/GroupList.aspx”页面。

这儿是通过给artDialog定义一个id，然后通过这个id进行控制。

添加成功后一般要刷新页面，在这儿是通过dialog.open()的close回调函数，跳转到GroupList.aspx页面中实现的。也可以不定义这个close回调函数，而在dialog.alert()的回调函数中刷新。具体做法是在top.art.dialog.get('GroupAdd').close();前面加上top.document.getElementById('mainRigh').contentWindow.document.getElementById('btnSearch').click();

其中，mainRigh是列表页面的iFrame框架id，btnSearch是群组列表页面的查询按钮。