extjs - 在最后一列之前的 sencha 网格中添加新列

Question

假设我有一个包含列的 Sencha 网格 姓名、电子邮件、地址、电话、城市、州、国家/地区

现在我最初只显示姓名、电子邮件、地址和电话。

我已经提供了显示更多列、待定列、城市、州和国家/地区的规定。

但问题在于，每当我在网格中添加一个新列时，它就会被附加到最后一个...在我的例子中，假设我添加了城市，然后它被附加在电话之后...

但我希望电话始终保留在最后一列，如果添加任何其他列，则应在电话列之前添加前缀。

我正在使用 Sencha 网格。

请建议

Answer 1

为此使用 headerCt。您可以在任何位置插入新列。

handler: function(btn) {
    var grid = btn.up('gridpanel');

    var column = Ext.create('Ext.grid.column.Column', {
        text: 'Country',
        dataIndex: 'country'
    });

    grid.headerCt.insert(
      grid.columns.length - 1, // that's index column
      column);

    grid.getView().refresh();
}

---

Fiddle