kendo-ui - Kendo网格列隐藏/显示，启用/禁用

Question

如何在条件或事件下在剑道网格中隐藏/显示和启用/禁用列。
我只能在.model中找到启用/禁用kendogrid列的选项

任何帮助表示赞赏。

先感谢您!

Answer 1

在KendoUI Grid中显示/隐藏列时，应使用 showColumn 和 hideColumn ，并使用数字(要显示/隐藏的列的索引)或字符串(在该列中关联的字段的名称)作为参数。

例:

var grid = $("#grid").kendoGrid({
    dataSource: ds,
    editable  : false,
    pageable  : true,
    columns   :
    [
        { field: "FirstName", width: 90, title: "First Name" },
        { field: "LastName", width: 90, title: "Last Name" },
        { field: "City", width: 100 }
    ]
}).data("kendoGrid");

$("#show_col1").on("click", function() {
    // Use the index of the column to show
    grid.showColumn(0);
});

$("#hide_col1").on("click", function() {
    // Use the name of the field to hide it
    grid.hideColumn("FirstName");
});

您可以通过在列初始化中设置 hidden 来控制是否应首先隐藏该列。

在这里查看示例: http://jsfiddle.net/OnaBai/XNcmt