修改网格面板列

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