javascript - 更改 Kendo Grid 列绑定(bind)

Question

我的页面上有一些单选按钮，我想根据用户的选择绑定(bind)我的 Kendo Grid 的列之一，然后刷新网格。

这是我的 JavaScript 代码:

function change(c) {
    var grid = $("#grid").data('kendoGrid');
    switch (c) {
        case 2:
            break;
        case 3:
            break;
        default:
        case 1:
            break;
    }
}

Answer 1

您可以使用 javascript 显示/隐藏右侧的列。请参阅API definition .

function change(c) {
    var grid = $("#grid").data('kendoGrid');
    switch (c) {
        case 2:
            grid.hideColumn("Column1");
            grid.showColumn("Column2");
            break;
        case 3:
            grid.showColumn("Column3");
            break;
        default:
        case 1:
            grid.hideColumn(3);
            grid.showColumn(4);
            break;
    }
}

不久前我发布了一个答案here ，解释隐藏列的不同方法。