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

Posted 2023-03-05

技术标签:

【中文标题】如何将复选框列添加到 Extjs Grid【英文标题】：how to add checkbox column to Extjs Grid 【发布时间】：2011-03-19 22:53:27 【问题描述】：

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

在我的数据表中，我将获得“状态”列的值。它可能是真/假。所以基于它应该显示复选框列已选中/未选中。

【问题讨论】：

【参考方案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
    ...
);

【讨论】：

以上是关于如何将复选框列添加到 Extjs Grid的主要内容，如果未能解决你的问题，请参考以下文章