ShieldUI Grid - 在运行时添加列

Question

是否可以在运行时添加列？假设我有一组分页数据，在第 1 页有 4 列，在第 2 页有相同的 4 列加上 1 个不同的列，然后在第 3 页有与第 1 页相同的 4 列，但有 2 列与第 2 页不同。

即
数据中的第 1 列并显示在网格中：

File, DocName, PrintDate, Event

数据中的第 2 页列并显示在网格中：

File, DocName, PrintDate, Event, Person

数据中的第 3 页列：

File, DocName, PrintDate, Event, RunDate, Designation

网格中显示的第 3 页列：

File, DocName, PrintDate, Event, Person, RunDate, Designation

在页面之间来回移动时，它们都将保留在网格中。

Answer 1

您可以通过将要在网格中显示的所有列添加到最初的所有页面来做到这一点。

然后，当加载网格时，通过使用此函数隐藏第一页不应该可见的列： http://www.shieldui.com/documentation/grid/javascript/api/methods/hideColumn

然后为网格寻呼机附加一个“更改”事件句柄：

$("#grid").swidget().pager.on("change", function(e) {
    var currentPage = this.currentPage;

    // hide the cols not supposed to be visible on this page 
    // and show the rest - using the grid's hideColumn() and 
    // showColumn() functions
    // ...
});