修改网格面板列

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

您需要创建一个具有所需列顺序的列数组，然后调用Grid的reconfigure方法。http://docs.sencha.com/ext-js/4-1/#!/api/Ext.grid.Panel-method-reconfigure