extjs - 修改 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 的 reconfigure 方法。http://docs.sencha.com/ext-js/4-1/#!/api/Ext.grid.Panel-method-reconfigure