CODEWITHSUNDEEP
gridviewextjs
edtsech
edtsech

Reputation: 1167

Extjs grid panel with checkboxes

How i can create ExtJs grid panel with checkboxes like here.

Upvotes: 27

Views: 62529

Answers (2)

Brian Moeskau
Brian Moeskau

Reputation: 20431

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

Upvotes: 50

Varun Achar
Varun Achar

Reputation: 15129

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.

Upvotes: 3

Related Questions