带有复选框的Extjs网格面板

Question

如何使用here等复选框创建ExtJs网格面板。

Answer 1

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

在Ext 4+中，内置了一个CheckColumn类型（xtype: 'checkcolumn'）。更多信息可以在the API docs中找到。这里的one example包含当前版本Ext中的可编辑复选框列（基本上不可能跟上每个版本的URL）。

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

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

Answer 2

如何使用它？

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

： - d

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

Answer 3

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