问题描述
如何在ExtJS4的gridpanel中覆盖itemclick?我有一个别名为tableA的gridpanel:
Hii howto override itemclick in gridpanel on ExtJS4 ? I have gridpanel with alias tableA like this :
Ext.define('AM.test.TableA', {
extend: 'Ext.grid.Panel',
alias: 'widget.tableA',
initComponent: function() {
// tableA configurations
this.callParent(arguments);
}
});
我的tableA控制器是这样的:
And my tableA controller like this :
Ext.define('AM.test.TableAController', {
extend: 'Ext.app.Controller',
init: function() {
this.control({
'tableA': {
itemclick: this.tableSelection
}
});
},
tableSelection: function(grid, record) {
console.log('tableA selection');
}
}
使用此配置,当我单击tableA中的某行时,我在控制台中收到消息"tableA选择" .然后,我想像这样将tableA扩展到tableB:
With this configuration, when i click some row in tableA i get message "tableA selection" in console. Then, i want to extends tableA to tableB like this:
Ext.define('AM.test.TableB', {
extend: 'AM.test.TableA',
alias: 'widget.tableB'
});
我的tableB控制器如下所示:
And my tableB controller look like this :
Ext.define('AM.test.TableBController', {
extend: 'Ext.app.Controller',
init: function() {
this.control({
'tableB': {
itemclick: this.tableBSelection
}
});
},
tableBSelection: function(grid, record) {
console.log('tableB selection');
}
}
有了这个,当我单击tableB中的某些行时.我在控制台对话框中收到消息"tableB选择",然后得到"tableA选择":
With this, when i click some row in tableB. I get message 'tableB selection' and then 'tableA selection' like this in my console dialog:
tableB selection
tableA selection
顺便说一句,我该怎么办才能覆盖'tableB'中'tableA'的itemclick?我不想在tableA上调用"itemclick".
Btw, what must i do to override itemclick from 'tableA' in 'tableB' ? I don't want to call 'itemclick' on tableA.
推荐答案
尝试在B上使用stopPropogation来停止itemclick事件的冒泡 http://docs.sencha. com/ext-js/4-0/#!/api/Ext.EventObject-method-stopPropagation
Try using stopPropogation on B to stop the bubbling of the itemclick eventhttp://docs.sencha.com/ext-js/4-0/#!/api/Ext.EventObject-method-stopPropagation
这篇关于如何在ExtJS4的gridpanel中覆盖侦听器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!