Ext自定义事件

在ext中常见的2中自定义事件监听.

1、在gridpanel中行数据中增加自定义的按钮，图标的事件操作。例如：

代码如下： 注意: action-col-css

{xtype:'grid',
	columns:[
		{text: '编写说明',flex: 1,dataIndex: 'caseid',align: 'center',renderer:function(v, m, r){
			return '';
		}}
	],
	processEvent : function(type, view, cell, recordIndex, cellIndex, e, record, row){
		if(type === 'click'){
			var target = e.getTarget(),
	            actionIdRe = 'action-col-css';
			if(target.className.indexOf(actionIdRe)!=-1){
				var key = target.attributes.key.value;
				console.log(key);  //key 就是uploadimg
			}
		}
		return Ext.callback(this.superclass.processEvent,this,[type, view, cell, recordIndex, cellIndex, e, record, row]);
	}
}

2. 重写组件时自定义对象

例如: 

Ext.define('app.expand.ux.IconClsField', {
    extend: 'Ext.form.field.Picker',
    xtype: 'iconclsfield',

    beforeBodyEl: [
        '
' +
            '
' + 
            '
' +
        '
'
    ],
	
	childEls: [
        'swatchEl' //data-ref
    ],
	
	setValue:function(v){
       var me = this;
       if(me.swatchEl)me.swatchEl.setCls(v);  //直接获取me.swatchEl对象
       me.superclass.setValue.call(me,v);
    }
});