Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to add checkbox column to Extjs Grid

I have EXTjs grid. I want to know how to add the checkbox to the Extjs grid column.

in my datatable I'll get the value for the column 'Status'. it may br either true/false. so based on that it should show the checkbox column checked / unchecked.

like image 434
Innova Avatar asked Jul 23 '10 06:07

Innova


1 Answers

Have a look at the sample here. It uses a Plugin called CheckBoxColumn (you will have to View Source and find the JS file.

Some example usage from the Plugin's file...


var checkColumn = new Ext.grid.CheckColumn({
   header: 'Indoor?',
   dataIndex: 'indoor',
   id: 'check',
   width: 55
});

// add the column to the column model
var cm = new Ext.grid.ColumnModel([{
       header: 'Foo',
       ...
    },
    checkColumn
]);

// create the grid
var grid = new Ext.grid.EditorGridPanel({
    ...
    cm: cm,
    plugins: [checkColumn], // include plugin
    ...
});


like image 170
Stuart Avatar answered Sep 23 '22 01:09

Stuart