修改網格面板列

Question

如何修改我的網格面板中的列？

最初，我使用空列創建我的網格面板，因爲它們將在稍後動態添加。

Ext.define('My.grid.Panel', { 
    extend : 'Ext.grid.Panel', 
    columns: [] 
    ... 

創建和渲染My.grid.Panel之後，我現在想將列添加到該面板。

var arGridColumns = [ 
     Ext.create('Ext.grid.column.Column', { 
      text: 'A', 
      dataIndex: 'name' 
     }), 
     Ext.create('Ext.grid.column.Column', { 
      text: 'B', 
      dataIndex: 'value', 
      flex: 1 
     }) 
    ]; 

myGridPanel.columns = arGridColumns; 
myGridPanel..doLayout(); 

但是這並沒有改變任何東西。

如何實現這一目標？

Answer 1

您需要根據所需列的順序創建一個Columns數組，然後調用Grid的重新配置方法。 http://docs.sencha.com/ext-js/4-1/#!/api/Ext.grid.Panel-method-reconfigure