使用ExtJS4，有没有简单的方法来处理网格面板中的复选框？

我已经写了一个庞大的渲染器，感觉它可以更简单。我想双向绑定到一个复选框（从商店）。下面是我所做的，感觉不对，但我找不到其他方法来做

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

列：[
{标题：'PresidentNumber'，数据索引：'PresidentNumber'，flex:1}，
{header:'FirstName'，dataIndex:'FirstName'，sortable:true，flex:1}，
{header:'LastName'，dataIndex:'LastName'，sortable:true，flex:1}{
标题：“TookOffice”，
数据索引：“TookOffice”，
渲染器：Ext.util.Format.dateRenderer（'m/d/Y'）
}, {
标题：“LeftOffice”，
数据索引：“LeftOffice”，
渲染器：Ext.util.Format.dateRenderer（'m/d/Y'），
弹性：1
}, {
标题：“弹劾”，
dataIndex:'弹劾'，
弹性：1，
渲染器：函数（值、单元格）{
如果（值）{
返回“”；
}
否则{
返回“”；
}
}
},
{header:'Income'，dataIndex:'Income'，flex:1，renderer:Ext.util.Format.usMoney}
]

有一个名为CheckColumn的用户扩展（位于examples/ux/CheckColumn.js中），xtype为“CheckColumn”

---

当我将它添加到我的columns数组中时，我在extjs 4.07中得到了一个名称空间冲突。您是否包含ux代码？ux代码不会自动成为Ext框架的一部分。

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