带有复选框的 Extjs 网格面板

Question

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

Answer 1

In Ext 3.4, you'll want to use the Ext.grid.CheckColumn plugin as demonstrated in the EditorGrid sample included in the framework download.

In Ext 4+ there is a CheckColumn type built-in ( xtype: 'checkcolumn' ).

Here's an example of what the column config looks like for a checkbox column in version 4+:

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

Answer 2

The previous answers don't seem to work anymore in latest ExtJs version. Link to the working example is here : example ExtJs 4.1

Answer 3

How about using this?

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

:-D

You can switch position of check box by placing the selection model object at desired position in the column list. This will allow you to place multiple checkboxes in the grid.