Используя ExtJS4, есть ли простой способ справиться с флажком на панели сетки?

Question

Я написал громоздкий рендер, который кажется, что это может быть проще. Я хочу двухстороннее связывание с флажком (из магазина). ниже я сделал то, что мне кажется неправильным, но я не могу найти другой способ сделать это.

columns: [
    { header: 'PresidentNumber', dataIndex: 'PresidentNumber', flex: 1 },
    { header: 'FirstName', dataIndex: 'FirstName', sortable: true, flex: 1 },
    { header: 'LastName', dataIndex: 'LastName', sortable: true, flex: 1 }, {
        header: 'TookOffice',
        dataIndex: 'TookOffice',
        renderer: Ext.util.Format.dateRenderer('m/d/Y')
    }, {
        header: 'LeftOffice',
        dataIndex: 'LeftOffice',
        renderer: Ext.util.Format.dateRenderer('m/d/Y'),
        flex: 1
    }, {
        header: 'Impeached',
        dataIndex: 'Impeached',
        flex: 1,
        renderer: function (value, cell) {
            if (value) {
                return '<input type="checkbox" name="mycheckbox" checked="checked" />';
            }
            else {
                return '<input type="checkbox" name="mycheckbox"  />';
            }
        }
    },
    { header: 'Income', dataIndex: 'Income', flex: 1, renderer: Ext.util.Format.usMoney }
]

Answer 1

Существует пользовательское расширение CheckColumn (находится в examples / ux / CheckColumn.js) с xtype "checkcolumn".

    {
       xtype: 'checkcolumn',
       header: 'Impeached',
       dataIndex: 'Impeached',
       flex: 1
    }