checkcolumn

Ext.define('My.ux.checkcolumn', {
    extend: 'Ext.grid.column.CheckColumn',
    alias: 'widget.mycheckcolumn',


    text : ' ',
    sortable: false,
    draggable: false,
    resizable: false,
    hideable: false,
    menuDisabled: true,
    cls: Ext.baseCSSPrefix + 'column-header-checkbox'
});
var store = Ext.create('Ext.data.Store', {
    fields : ['name', 'email', 'phone', 'active'],
    data   : {
        items : [
            { name : 'Lisa',  email : 'lisa@simpsons.com',  phone : '555-111-1224', active : true  },
            { name : 'Bart',  email : 'bart@simpsons.com',  phone : '555-222-1234', active : true  },
            { name : 'Homer', email : 'home@simpsons.com',  phone : '555-222-1244', active : false },
            { name : 'Marge', email : 'marge@simpsons.com', phone : '555-222-1254', active : true  }
        ]
    },
    proxy  : {
        type   : 'memory',
        reader : {
            type : 'json',
            root : 'items'
        }
    }
});
Ext.create('Ext.grid.Panel', {
    title    : 'Simpsons',
    height   : 200,
    width    : 400,
    renderTo : Ext.getBody(),
    store    : store,
    columns  : [
        { text : 'Name', dataIndex : 'name' },
        { text : 'Email', dataIndex : 'email', flex : 1 },
        { text : 'Phone', dataIndex : 'phone' },
        { xtype : 'mycheckcolumn', text : 'Active', dataIndex : 'active', width: 30 }
    ]
});