extjs window框的回调处理

最新推荐文章于 2020-12-31 06:49:02 发布

原创最新推荐文章于 2020-12-31 06:49:02 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #js #windows弹框 #回调函数

ExtJs 专栏收录该内容

1 篇文章

订阅专栏

本文介绍ExtJS 6.0中处理窗口回调的两种方法：一是通过将列表存储器作为参数传递给窗口；二是利用监听事件作为回调函数。这两种方法能够帮助开发者更好地管理窗口与主页面之间的交互。

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

因为平时做的东西比较杂，经常会遇到的问题记录一下：extjs6.0版本

其实回调的处理方式有两种，比如关闭window弹框后，刷新main里的list ：

1、将list的store作为参数传递到windows:

在 control里方法：

      showWindow:function(){
		var me = this,
                    listStore = me.getViewModel().getStore('listStore'),
    		    win = Ext.widget({
                            xtype: 'window-main',
                            listStore:listStore 
                       });
                win.show();
	},

在window框里方法,做类回调处理：

 onAddAccount: function () {
        var me = this,
              listStore = me.view.listStore;

             //逻辑处理......

         listStore.load();
        	
    }

2、在main页面弹出window方法里加上listeners事件，作为回调函数

 showWindow:function(){
	var me = this,
	    listStore = me.getViewModel().getStore('listStore'),
	    win = Ext.widget({
			xtype: 'window-main',
			listStore:listStore，
			listeners:{
			     close:function(){
				  listStore.load();
				}
			}
		});
	win.show();
  }

这样在window框只要处理window框需要的逻辑即可，不用考虑关闭后对主页面的问题。

window弹框