带有复选框的 Extjs 网格面板

Question

我如何使用这里的复选框创建 ExtJs 网格面板。

Answer 1

在 Ext 3.4 中，您需要使用Ext.grid.CheckColumn插件，如框架下载中包含的 EditorGrid 示例中所示。

在 Ext 4+ 中有一个内置的 CheckColumn 类型（ xtype: 'checkcolumn' ）。

以下是版本 4+ 中复选框列的列配置示例：

  xtype: 'checkcolumn',
  header: 'Active?',
  dataIndex: 'active', // model property to bind to
  width: 60,
  editor: {
    xtype: 'checkbox',
    cls: 'x-grid-checkheader-editor'
  }

Answer 2

以前的答案似乎不再适用于最新的ExtJs版本。 链接到工作示例如下： 示例ExtJs 4.1

Answer 3

用这个怎么样？

var checkBoxSelMod = new Ext.grid.CheckboxSelectionModel();

:-D

您可以通过将选择模型对象放置在列列表中的所需位置来切换复选框的位置。 这将允许您在网格中放置多个复选框。