Iframe中Window(全局遮罩)始终位于最顶层,及关闭后刷新数据(top.Ext.Window使用)

当前页面(Menu.aspx)中创建top.Ext.Window窗口。

JavaScript代码如下:


Ext.onReady(function () {
             var Window1 = new top.Ext.Window({
                 id: "Window1",
                 autoRender: false,
                 height: 450,
                 loader: {
                     loadMask: {
                         showMask: true,
                         msg: "页面加载中..."
                     },
                     renderer: "frame"
                 },
                 width: 650,
                 layout: "fit",
                 collapsible: true,
                 iconCls: "#ApplicationSideTree",
                 defaultRenderTo: "form",
                 maximizable: true,
                 modal: true,
                 directEvents: {
                     hide: {
                         fn: function (item) {
                             Ext.net.directRequest({
                                 url: "Menu.aspx/BindData",
                                 cleanRequest: true,
                                 eventMask: {
                                     showMask: true,
                                     msg: "正在处理线程..."
                                 },
                                 action: 'Hide'
                             });
                         }
                     }
                 }
             });
         });

其中:

directEvents: {
                     hide: {
                         fn: function (item) {
                             Ext.net.directRequest({
                                 url: "Menu.aspx/BindData",
                                 cleanRequest: true,
                                 eventMask: {
                                     showMask: true,
                                     msg: "正在处理线程..."
                                 },
                                 action: 'Hide'
                             });
                         }
                     }
                 }

即实现窗口Hide时调用Menu.aspx页面中的BindData方法。

Menu.aspx页面调用按钮:

<ext:Button runat="Server" Icon="Add" Text="新增菜单" ID="BtnNew">
                         <Listeners>
                             <Click Handler="top.App.Window1.title='新增菜单';top.App.Window1.loader.url='SysMenu/NewMenu.aspx';top.App.Window1.show();">
                             </Click>
                         </Listeners>
                     </ext:Button>

即设置top.Ext.Window标题及frame URL,然后显示该窗口。

实现的效果为

点击查看原图

子页面页面(SysMenu/NewMenu.aspx)关闭按钮:

<ext:Button runat="server" Icon="Cancel" Text="关闭" ID="BtnCancel">
    <Listeners>
       <Click Handler="parent.App.Window1.close();">
        </Click>
    </Listeners>
</ext:Button>

窗口关闭后,重新绑定Menu.aspx页面数据(自动回发,调用Menu.aspx页面中的BindData方法)。

知识共享许可协议
《Iframe中Window(全局遮罩)始终位于最顶层,及关闭后刷新数据(top.Ext.Window使用)》常伟华 创作。
采用 知识共享 署名-相同方式共享 3.0 中国大陆 许可协议进行许可。
  • 多说评论
  • 签名
  • 新浪微博
  • 默认评论
  • Tab Header 5

0 条评论 / 点击此处发表评论

Tab Content 5

开发技术


开发平台和工具

sitemap     149.76ms