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