Javascript ExtJS。属性网格的sourceConfig中的复选框

在属性网格的

sourceConfig

中，我有一个字段，希望显示为复选框

目前，我只设置了编辑器，但它仅在单击字段时呈现复选框，否则将显示简单文本：

field: {
    editor:
            Ext.create('Ext.grid.CellEditor', { field: Ext.create('Ext.form.field.Checkbox')})
}

问题是，如何设置渲染器以显示复选框？

您需要在源配置中编写函数

大概是这样的：

Ext.create('Ext.grid.property.Grid', {
    title: 'Properties Grid',
    width: 300,
    renderTo: Ext.getBody(),
    source: {
        "(name)": "My Object",
        Available: false,
        NotAvaliable: true,
        "Version": 0.01,
        "Description": "A test object"
    },
    sourceConfig: {
        Available: {
            renderer: function(d){
                var checked = d ? 'checked' : '';
                return '<center><input type="checkbox" name="something" '+checked+'></center>';
            },
            editor: Ext.create('Ext.form.field.Checkbox')
        },
        NotAvaliable: {
            renderer: function(d){
                var checked = d ? 'checked' : '';
                return '<center><input type="checkbox" name="something" '+checked+'></center>';
            },
            editor: Ext.create('Ext.form.field.Checkbox')
        }

    }

});

Ext.create（'Ext.grid.property.grid'{
标题：“属性网格”，
宽度：300，
renderTo:Ext.getBody（），
资料来源：{
“（名称）”：“我的对象”，
可用：false，
值得注意的是：是的，
“版本”：0.01，
“描述”：“测试对象”
},
sourceConfig：{
提供：{
渲染器：函数（d）{
var checked=d？checked'：''；
返回“”；
},
编辑器：Ext.create（'Ext.form.field.Checkbox'）
},
值得注意的是：{
渲染器：函数（d）{
var checked=d？checked'：''；
返回“”；
},
编辑器：Ext.create（'Ext.form.field.Checkbox'）
}
}
});