我怎样才能使我可以有多个代表团?下面的代码是我尝试过的,但它最终没有工作。
listeners: {
el: [{
delegate: '.my-boundlist-item-menu',
click: function(cmp) {
console.log('1');
}
},{
delegate: '.my-boundlist-item-menu-2',
click: function(cmp) {
console.log('2');
}
}]
}
我也尝试了以下但没有成功:
listeners: {
itemclick: function(record, item, index, e, eOpts){
if (eOpts.getTarget('.my-boundlist-item-menu')) {
console.log('1');
} else if (eOpts.getTarget('.my-boundlist-item-menu-2')) {
console.log('2');
} else {
console.log('3');
}
}
}
但是这两种方法似乎都不起作用。关于如何使其正常运行的想法和/或帮助?
编辑:如被问及,这是我的组合框代码:
{
xtype: 'combobox',
displayTpl: Ext.create('Ext.XTemplate',
'<tpl for=".">',
'<tpl if="FirstName">',
'{FirstName}',
'</tpl>',
' ',
'<tpl if="LastName">',
'{LastName}',
'</tpl>',
'</tpl>'),
x: 10,
y: 60,
listConfig: {
tpl: '<div class="my-boundlist-item-menu" style="cursor:pointer;padding:2px;border:1px dotted #fff" onmouseover="this.className=\'my-boundlist-item-menu x-boundlist-item-over\'" onmouseout="this.className=\'my-boundlist-item-menu\'" >Add New Contact</div>'+'<div class="my-boundlist-item-menu-2" style="cursor:pointer;padding:2px;border:1px dotted #fff" onmouseover="this.className=\'my-boundlist-item-menu x-boundlist-item-over\'" onmouseout="this.className=\'my-boundlist-item-menu\'" >Use Myself</div>'+'<tpl for=".">'+'<div class="x-boundlist-item">'+'<tpl if="FirstName">{FirstName} </tpl>'+'<tpl if="LastName">{LastName}</tpl>'+'</div></tpl>',
listeners: {
el: [
{
delegate: '.my-boundlist-item-menu',
click: function(cmp) {
console.log('1');
}
},
{
delegate: '.my-boundlist-item-menu-2',
click: function(cmp) {
console.log('2');
}
}
]
}
},
id: 'end-contact',
fieldLabel: 'Location Contact',
labelWidth: 125,
name: 'idContact',
displayField: 'FirstName',
store: 'ContactStore',
valueField: 'idContact',
listeners: {
expand: {
fn: me.onexpandend,
scope: me
}
}
},