Question

我一直在努力解决如何将列显示为复选框（不可编辑的）。

渲染器的任何建议代码？似乎应该有一个简单的配置选项，但我找不到它。

 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) {

     }
 });

Answer 1

我注意到您在Ext.grid.column.Boolean页面上的评论。无论如何，renderer配置的描述表明返回值是“要呈现的HTML字符串”。所以在我看来，以下应该有效（简化为简洁）：

renderer: function(value) {
    var text = '<input type="checkbox" disabled="disabled"';
    if(value) {
        text += ' checked="checked"';
    }
    return text + '/>';
}

Answer 2

为什么不使用复选框插件？

http://docs.sencha.com/ext-js/4-0/#!/example/grid/grid-plugins.html

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

2 个答案: