带有复选框的 Extjs 网格面板答案

【问题标题】：Extjs grid panel with checkboxes带有复选框的 Extjs 网格面板
【发布时间】：2011-01-26 17:07:41
【问题描述】：

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

【问题讨论】：

【解决方案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'
  }

【讨论】：

它适用于我，但我无法检查任何行。链接似乎又被破坏了。
呃。我希望 Sencha 的人能够了解 301 重定向……现在再次修复。
这不是真的。在 Ext 4.1 中没有检查列
@OliverWatkins 这是 Ext 4.1 中 CheckColumn 文档的链接：docs.sencha.com/extjs/4.1.3/#!/api/Ext.ux.CheckColumn - 感谢您的反对！

【解决方案2】：

用这个怎么样？

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

:-D

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

【讨论】：

如何在列列表中移动checkBoxSelMod？
例如，如果您希望它在第 3 列中，则将 checkBoxSelModel 放在 cols 属性中的第 3 位。