在EXTJS 4.0

Question

在網格中禁用列我有一些列和最後一列的網格是

{ 
    text  : '', 
    id : 'delId', 
    width : 40, 
    dataIndex: 'del', 
    renderer : function(){ 
    return '<center><div class="image-hover-delete"></div></center>'; 
} 

我想禁用只有這個特定列。我怎樣才能做到這一點？

Answer 1

您可以掛鉤現有的Ext.grid.column.Column。disable()通過檢查isDisabled()每當你的事件處理程序被觸發。例如：

var grid = Ext.create('Ext.grid.Panel', { 
    // ... 
    columns: [ 
     { 
      // ... 
     }, 
     { 
      text: '', 
      width: 40, 
      itemId: 'delCol', 
      menuDisabled: true, 
      renderer: function(){ 
       return '<div class="image-delete"></div>';  
      } 
     } 
    ], 
    store: { 
     // ... 
    }   
}); 

grid.on('cellclick', function(me, td, x, record){ 
    if(Ext.fly(td).hasCls('x-grid-cell-delCol') 
     && !this.down('#delCol').isDisabled()  // <--- e.g. 
    ) 
     this.getStore().remove(record); 
}); 

» fiddle