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