如何在 extJS 网格上动态加载小部件网格列

Question

我有一个网格，当我展开行时，在该网格中，还有另一组数据要显示。我希望那些网格列是动态的。根据我的 json 数据，我想将数据推送到列中。但是在这里当我给出方法时，调试器不会去那里。任何人都可以解释如何在 extJS 小部件列中加载动态列。这是我的代码Ext.define('myApp.view.base.grid.Window', {    extend: 'Ext.window.Window',    alias: 'widget.win',    title: 'my window',    height: 500,    width: 800,    layout: 'fit',    items: [{        xtype: 'grid',        columns: [{            text: 'Col 1',            dataIndex: 'col1',            flex: 1,        },{            text: 'col2',            dataIndex: 'col2',            flex: 1        }],    }],   plugins: [{        ptype: 'rowwidget',        widget: {            xtype: 'grid',            columns:[]//this.createColumn() // This columns i want to load dynamically.        }    }]});

Answer 1

要将列动态添加到插件中，您必须在插件列数组中推送列配置。

grid.getPlugin().config.widget.columns.push({

     text      : 'Item',

     dataIndex : 'item',

     flex      : 1

}, {

     text      : 'Description',

     dataIndex : 'desc',

     flex      : 2

});

在这里为您创建了一个小提琴