更改 Kendo Grid 列绑定

Posted

技术标签:

【中文标题】更改 Kendo Grid 列绑定【英文标题】:Change Kendo Grid column binding 【发布时间】:2015-07-24 05:52:35 【问题描述】:

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

这是我的 javascript 代码:

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

【问题讨论】:

【参考方案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,解释了隐藏列的不同方法。

【讨论】:

以上是关于更改 Kendo Grid 列绑定的主要内容,如果未能解决你的问题,请参考以下文章

Kendo Grid,如何更改 Angular 中的可分页文本(页数、项目数)?

Kendo UI Grid:如果有任何未决更改,则无法拦截和取消排序事件

更新 ViewModel 时如何防止 Kendo UI Grid 多次重新绑定

如何更改 Kendo Grid 行颜色

在容器 Kendo 窗口调整大小时动态更改 Kendo Grid 行的高度

Kendo Grid 获取更改事件的行和列索引