Ext JS4.2 实现点击按钮弹出window框

最新推荐文章于 2023-04-19 16:39:52 发布

原创最新推荐文章于 2023-04-19 16:39:52 发布 · 5.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs4 #window框 #ext

ExtJS4.2 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了在Ext JS4.2中如何实现点击按钮弹出一个窗口，并处理窗口关闭后重新打开显示内容的问题。通过示例代码展示了window组件的配置，包括窗口的大小、布局、可调性和关闭行为。关键在于理解当窗口关闭后，其内部组件可能被销毁，因此需要正确管理窗口实例以确保再次显示时内容能正确加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

fatherDashboard.js

      var execVersionButton = Ext.create('Ext.Button', {
    text: '子窗口显示',
            width: 80,
            handler: function() {
            versionGridStore.load();
            versionLineGridStore.load();
            Ext.getCmp('versionWin').show();
   }
});

versionDashboard.js

      window.win = Ext.create("Ext.window.Window", {
           id:'versionWin',
            title: "子窗口",       //标题
            draggable: false,
            height: 600,                          //高度
            width: 800,                           //宽度
            layout: 'fit',                        //窗口布局类型
            modal: true,                   //是否模态窗口，默认为false
            resizable: true,              //是否可调节大小
            closeAction:'hide',         //点击关闭时隐藏
            items: [form],
        });

刚开始把win定义在fatherDashboard.js里面然后点击右上角红叉关闭后再点击按钮的时候弹出框里面没有加载出来内容原因是弹出window框里面的Panel组件在父页面初始化的时候加载出来当关闭后再点击的时候对象被销毁就没有组件可显示了。