javascript - Extjs:仅当另一个字段有值时才显示复选框

Question

我有一个带有复选框列的网格，一切正常，但我只想在另一个字段具有特定值时才显示该复选框。我使用版本 3.3.1，但我想另一个版本的示例可以帮助我开始。 如果不可能，禁用该复选框也可以。 我是否必须在渲染器或监听器中执行此操作以及如何执行？

var checkColumn = new Ext.grid.CheckColumn({ 
 header: 'Checklist OK ?',  
 dataIndex: 'checklist_ok',  
 width: 20, 
 align: 'center' 
}); 

cmDiverse = new Ext.grid.ColumnModel({ 
 defaults: {"sortable": true, "menuDisabled":false, "align":"right"}, 
 store: storeDiverse, 
 columns: [ 
   {"id":"id", "header": "id", "hidden": true, "dataIndex": "id", "width": 20}, 
   checkColumn, 
   ... 

gridDiverse = new Ext.ux.grid.livegrid.EditorGridPanel({ 
  id              : "gridDiverse", 
  enableDragDrop  : false, 
  loadMask        : true, 
  clicksToEdit    : 1, 
  layout          :'anchor', 
  cm              : cmDiverse, 
  .... 

Answer 1

您可以像这样扩展 Ext.ux.grid.livegrid.EditorGridPanel:

Ext.extend(Ext.ux.grid.livegrid.EditorGridPanel,{
   constructor:function(config){
       config = Ext.apply({
           cm: this.createColumnModel()
       },config);
   },
   createColumnModel: function(){
      PUT YOUR LOGIC HERE AND RETURN AN ARRAY OF COLUMNS...
   }
})