extjs4 combo select事件
时间: 2023-07-05 09:14:51 浏览: 321
在 ExtJS 4 中,可以使用 `select` 事件来监听 `combo` 组件的选中操作。当用户从下拉列表中选择某个选项时,该事件就会被触发。
下面是一个例子:
```javascript
Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Choose State',
store: Ext.create('Ext.data.Store', {
fields: ['abbr', 'name'],
data: [
{"abbr":"AL", "name":"Alabama"},
{"abbr":"AK", "name":"Alaska"},
{"abbr":"AZ", "name":"Arizona"}
// ...
]
}),
queryMode: 'local',
displayField: 'name',
valueField: 'abbr',
renderTo: Ext.getBody(),
listeners: {
select: function(combo, records) {
var selectedRecord = records[0];
console.log('Selected state: ' + selectedRecord.get('name'));
}
}
});
```
在上面的例子中,我们为 `combo` 组件添加了一个 `select` 事件监听器。当用户选择某个选项时,该监听器会输出所选项的名称到控制台。
阅读全文