Extjs6 自定义事件

最新推荐文章于 2020-09-07 20:15:45 发布

diweikang

最新推荐文章于 2020-09-07 20:15:45 发布

阅读量2.7k

点赞数

分类专栏： ExtJS 文章标签： ExtJS6 自定义事件监听

本文链接：https://blog.csdn.net/diweikang/article/details/48995397

版权

ExtJS 专栏收录该内容

11 篇文章 2 订阅

订阅专栏

Extjs6中自定义事件的步骤为：添加监听器、触发事件，与之前版本相比，省去了定义事件步骤this.addEvents("walk")

注意：自定义类需要继承自Ext.util.Observable类

案例：

    	Ext.onReady(function() {		
			dayReportSonModel = Ext.create('Ext.tpetro.eval.model.DayReportSon', {
					dayreporteventid : dayreporteventid,
		           	departmentid     : departmentid
		  	});
			
			// 添加事件监听
			dayReportSonModel.addListener('afterchange', function() {
				getParentWin(parentIframeId).reLoadGrid();
			});
		});

定义类

Ext.define('Ext.tpetro.eval.model.DayReportSon', {
	extend : 'Ext.util.Observable', // 添加事件需要继承自Ext.util.Observable类
	//mixins: ['Ext.util.Observable'], // mixins必须和extend配合使用
	
	config : {
		dayreporteventid : '',
		departmentid : ''
	},
	
	// 构造函数
	constructor: function(cfg) {
		
		this.callParent(cfg); //替代Ext.util.Observable.constructor.call(this, config);
		this.initConfig(cfg);
		

		dayReportSonModel.fireEvent('afterchange'); // 触发dayreportsonupdate.jsp生成的dayReportSonModel添加的afterchange事件;
	}
});