ExtJS复选框如何监听
时间: 2023-10-27 17:28:22 浏览: 156
Extjs 点击复选框在表格中增加相关信息行
在ExtJS的复选框组件中,可以通过监听`change`事件来处理复选框的状态变化。当复选框的状态发生变化时,`change`事件就会被触发,可以在事件处理函数中获取到复选框的当前状态,从而进行相应的处理。
下面是一个示例:
```
Ext.create('Ext.form.Panel', {
title: 'Checkbox Example',
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [{
xtype: 'checkbox',
fieldLabel: 'My Checkbox',
listeners: {
change: function(checkbox, newValue, oldValue, eOpts) {
// newValue为当前状态,true为选中,false为未选中
if (newValue) {
console.log('复选框被选中了');
} else {
console.log('复选框被取消选中');
}
}
}
}]
});
```
在上述示例中,我们创建了一个复选框组件,并在其中添加了`change`事件监听器。当复选框的状态发生变化时,`change`事件就会被触发,并执行相应的事件处理函数。在事件处理函数中,可以通过`newValue`参数获取到复选框的当前状态,从而进行相应的处理。
阅读全文