修改Gridpanel列

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