Ext js 6.2 怎么实现 tagfield 选中一个选项时将另外两个选项也选中
时间: 2024-03-22 12:42:32 浏览: 110
extjs实现下拉框多选
在 Ext JS 6.2 中,可以通过监听 tagfield 的 select 事件来实现选中一个选项时将另外两个选项也选中的功能。具体实现步骤如下:
1. 在 tagfield 的配置中添加监听 select 事件的处理函数:
```javascript
{
xtype: 'tagfield',
fieldLabel: '选项',
displayField: 'name',
valueField: 'id',
store: optionStore,
listeners: {
select: 'onSelectOption'
}
}
```
2. 在控制器中定义 onSelectOption 函数:
```javascript
onSelectOption: function(tagfield, records) {
var optionIds = records.map(function(record) {
return record.get('id');
});
if (optionIds.indexOf(1) !== -1) {
tagfield.setValue([1, 2, 3]);
} else if (optionIds.indexOf(2) !== -1) {
tagfield.setValue([2, 3, 4]);
} else if (optionIds.indexOf(3) !== -1) {
tagfield.setValue([3, 4, 5]);
}
}
```
3. 在 onSelectOption 函数中根据选中的选项设置 tagfield 的值,使得另外两个选项也被选中。
以上代码仅供参考,具体实现还需要根据具体的业务需求进行调整。
阅读全文