ExtJS。プロパティグリッドのsourceConfigのチェックボックス

Question

プロパティグリッドのsourceConfigには、チェックボックスとして表示するフィールドがあります。

現在、私は唯一のエディタを設定するんだけど、フィールドをクリックしたときに、それが唯一のチェックボックスをレンダリングし、そうでなければ、単純なテキストを示しています

field: { 
    editor: 
      Ext.create('Ext.grid.CellEditor', { field: Ext.create('Ext.form.field.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