extjs 下拉选加点击事件
时间: 2023-12-14 21:30:28 浏览: 86
Extjs 重写Panel添加click事件
4星 · 用户满意度95%
在 ExtJS 中,可以通过监听下拉框的 `select` 事件来实现下拉选项的点击事件。具体实现步骤如下:
1. 在下拉框的配置项中添加 `listeners` 属性,该属性值为一个对象,用于定义事件监听函数。
2. 在 `listeners` 对象中添加 `select` 属性,该属性值为一个函数,用于处理下拉选项被选中时的逻辑。
示例代码如下:
```javascript
Ext.create('Ext.form.ComboBox', {
fieldLabel: '选择',
store: Ext.create('Ext.data.Store', {
fields: ['value', 'text'],
data: [
{value: '1', text: '选项1'},
{value: '2', text: '选项2'},
{value: '3', text: '选项3'}
]
}),
queryMode: 'local',
displayField: 'text',
valueField: 'value',
listeners: {
select: function(combo, records) {
// 处理选中逻辑
console.log(records[0].get('text') + ' 被选中');
}
}
});
```
阅读全文