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

Question

属性网格中的sourceConfig我有一个字段，我希望显示为复选框。

目前，我才成立的编辑器，但它呈现复选框，单击场只有当，否则它显示简单的文本：

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

的问题是，我该如何设置渲染器显示checkbox？

Answer 1

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

事情是这样的：

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') 
     } 

    } 

}); 

https://fiddle.sencha.com/#view/editor&fiddle/1lsk