“如何将数据索引绑定到全选”复选框

Question

我正在尝试将复选框字段绑定到具有全选选项的网格-

 xtype: 'grid',
 store: {
        type: 'webapi',
        api: {
            read: 'api/Report/GetIfo'
        },
        autoLoad: true,
    },
 columns: [    
        { header: 'Name', dataIndex: 'first_name'}
    ], 
    selModel: {
                selType: 'checkboxmodel',    
                //dataIndex:'flag',
                //showHeaderCheckbox: true
            }

我正在尝试将dataIndex绑定到它，这样当加载网格时，就会选中相应的复选框。

我尝试使用

selModel: {
                selType: 'checkboxmodel',    
                //dataIndex:'flag',
                //showHeaderCheckbox: true
            }

但没有成功。请建议我如何在这里绑定数据索引。

Answer 1

我给你的建议是使用https://docs.sencha.com/extjs/5.0/5.0.1-apidocs/#/api/Ext.grid.column.Check

标志必须是真或假，如果不是，你应该像一样在你的模型中转换

{ name: 'flag', type: 'bool',
        convert: function (v) {
            return (v === "True" || v === true) ? true : false;
        }
    }