需要Ext.Grid.Panel中复选框列的ExtJS 4渲染器代码

需要Ext.Grid.Panel中复选框列的ExtJS 4渲染器代码,extjs,extjs4,Extjs,Extjs4,我一直在琢磨如何使列显示为复选框(不可编辑) 有没有关于渲染器的建议代码?似乎应该有一个简单的配置选项,但我找不到 Ext.define('AEDT.view.EmailListByAddressEntry', { extend: 'AEDT.view.ui.EmailListByAddressEntry', alias: 'widget.emaillistbyaddressentry', initComponent: function () {

我一直在琢磨如何使列显示为复选框(不可编辑)

有没有关于渲染器的建议代码?似乎应该有一个简单的配置选项,但我找不到

 Ext.define('AEDT.view.EmailListByAddressEntry', {
     extend: 'AEDT.view.ui.EmailListByAddressEntry',
     alias: 'widget.emaillistbyaddressentry',

     initComponent: function () {
         var me = this;
         me.callParent(arguments);
     },

     onCheckBoxWhilteListOnlyChange: function (field, newValue, oldValue, options) {
         //debugger
         if (newValue) {

             this.store.filter("WhiteList", true);
             store.filter();
         } else {
             this.store.clearFilter();
         }
     },
     onBooleancolumnRender: function (abstractcomponent, options) {

     }
 });

我注意到你在
Ext.grid.column.Boolean
页面上的评论。无论如何,
renderer
config的描述说明返回值是“要呈现的HTML字符串”。因此,在我看来,以下内容应该是可行的(为简洁起见简化):

渲染器:函数(值){
var text='';
}

为什么不使用复选框插件


覆盖这是基于其他记录字段禁用特定复选框的最简单方法。谢谢
renderer: function(value) {
    var text = '<input type="checkbox" disabled="disabled"';
    if(value) {
        text += ' checked="checked"';
    }
    return text + '/>';
}