1

我有这个小提琴

http://jsfiddle.net/beQtF/1/

现在，如果我直接在元素中编写侦听器代码，那么它可以工作

如果应用它，那么它将不起作用

 Ext.apply(cbox, {
       listeners: {
           'select': function (combo, record, index) {
               alert(combo.getValue());
           }
       }
   });

上面的代码不起作用

4

1 回答 1

2

在 Ext.JS 中，构造函数中添加了监听器，因此您无法在创建组件后对其进行配置。您可以ComboBox单独创建配置，对其应用新的侦听器集，并创建一个ComboBox扩展配置，如下所示： 

var comboConfig = {
        id: 'searchInput',
        fieldLabel: 'Search:',
        enableKeyEvents: true,
        submitEmptyText: false,
        emptyText: 'search...',
        valueField: 'abbr',
        displayField: 'name',
        width: '100%',
        store: {
           fields: ['abbr', 'name'],
           data: [{
               "abbr": "AL",
                   "name": "Alabama"
           }, {
               "abbr": "AK",
                   "name": "Alaska"
           }, {
               "abbr": "AZ",
                   "name": "Arizona"
           }]
        }
};   

Ext.apply(comboConfig, {
   listeners: {
       'select': function (combo, record, index) {
           alert(combo.getValue());
       }
   }
});

var cbox = Ext.create('Ext.form.field.ComboBox', comboConfig);
Ext.create('Ext.form.Panel', {
    items: [cbox],
    frame: true,
    renderTo: Ext.getBody()
});

或者，正如CD 指出的那样，您可以使用以下功能添加它们on：

cbox.on({
    select: function(combo, record, index) {
        alert(combo.getValue());
    }
});
于 2013-11-08T06:06:04.947 回答