Extjs带有复选框的网格面板

Question

我该如何创建类似这里的带有复选框的ExtJs网格面板。

- edtsech

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'
  }

- Brian Moeskau

---

它对我有效，但我无法检查任何行。而且链接似乎又断了。 - Roberto Rodriguez

唉，我希望Sencha的人能了解301重定向……现在又修复了一次，暂时解决了。 - Brian Moeskau

这是不正确的。在Ext 4.1中没有checkcolumn。 - Oliver Watkins

@OliverWatkins 这是Ext 4.1中CheckColumn文档的链接：http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.ux.CheckColumn - 感谢您的投票！ - Brian Moeskau

Answer 2

使用这个怎么样？

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

:-D

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

- Varun Achar

---

你如何在列列表中移动checkBoxSelMod？ - boatcoder

例如，如果您想将它放在第三列中，则将checkBoxSelModel放置在cols属性的第三个位置。 - Varun Achar