extjs表格实现复选框的代码
时间: 2023-03-28 16:02:33 浏览: 188
extjs3.X 带复选框的树
4星 · 用户满意度95%
以下是实现 extjs 表格复选框的代码示例:
1. 在列模型中添加一个复选框列:
```
{
xtype: 'checkcolumn',
header: '选择',
dataIndex: 'selected',
width: 50,
editor: {
xtype: 'checkbox',
cls: 'x-grid-checkheader-editor'
}
}
```
2. 在数据模型中添加一个 selected 字段:
```
Ext.define('MyModel', {
extend: 'Ext.data.Model',
fields: [
{name: 'id', type: 'int'},
{name: 'name', type: 'string'},
{name: 'selected', type: 'bool'}
]
});
```
3. 在表格中启用多选模式:
```
selModel: {
selType: 'checkboxmodel',
mode: 'MULTI'
}
```
以上就是实现 extjs 表格复选框的代码示例。
阅读全文