如何将复选框列添加到Extjs Grid

Question

我有EXTjs网格。我想知道如何将复选框添加到Extjs网格列。

在我的数据表中我会得到'状态'列的值。它可能是真的/假的。所以基于它应该显示复选框列选中/未选中。

Answer 1

看看样品here。它使用了一个名为CheckBoxColumn插件（你必须查看源代码，并找到JS文件。

从插件的文件中的一些用法示例...

var checkColumn = new Ext.grid.CheckColumn({ 
    header: 'Indoor?', 
    dataIndex: 'indoor', 
    id: 'check', 
    width: 55 
}); 

// add the column to the column model 
var cm = new Ext.grid.ColumnModel([{ 
     header: 'Foo', 
     ... 
    }, 
    checkColumn 
]); 

// create the grid 
var grid = new Ext.grid.EditorGridPanel({ 
    ... 
    cm: cm, 
    plugins: [checkColumn], // include plugin 
    ... 
});