Kendo ui 剑道网格列隐藏/显示、启用/禁用

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

感谢您的帮助

---

提前谢谢你

剑道网格包含一个采用索引或列名字符串的方法。要启用隐藏/显示列，将网格columnX初始化为普通列，并将其标记为隐藏（在MVC中，这是绑定列时的.hidden（）方法）。然后，根据页面事件，您只需调用showColumn（然后调用hideColumn以反转操作）。

在KendoUI网格中显示/隐藏列时，您应该使用and和and作为参数（要显示/隐藏的列的索引）或字符串（该列中关联字段的名称）

例如：

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");
});

通过在列初始化中设置，可以控制该列最初是否应隐藏

---

请参见此处的示例：

对于已创建的剑道网格，您可以通过以下方式显示/隐藏使所有列可编辑/不可编辑：

var allowEdit = false;
var grid = $("#sampleGrid").data("kendoGrid");
grid.showColumn(0);
grid.showColumn(1);

if (!allowEdit) {
    grid.hideColumn(0);
    grid.hideColumn(1);
}
var len = $("#sampleGrid").find("tbody tr").length;
for (var i = 0; i <= len ; i++) {
    var model = $("#sampleGrid").data("kendoGrid").dataSource.at(i);
    if (model) {
        for (i = 0; i <= (grid.columns.length - 1) ; i++) {
            var column = grid.columns[i];
            model.fields[column.field].editable = allowEdit;
        }
    }
}

var allowEdit=false；
var grid=$（“#sampleGrid”）.data（“kendoGrid”）；
网格显示列（0）；
网格显示列（1）；
如果（！允许它）{
网格.hideColumn（0）；
网格。hideColumn（1）；
}
var len=$（“#样本网格”）.find（“tbody tr”）.length；
对于（var i=0；i Thanx），即使网格是可编辑的，很多隐藏/显示都像一个符咒一样工作。类似地，在自定义逻辑pr事件上启用/禁用列可用的任何内容。Thnx again不确定是否理解您评论的最后一部分“在自定义逻辑pr事件上启用/禁用列可用的任何内容”…基本上，从事件或满足条件时使用
showColumn
/
hideColumn
。您好，我们如何对raw执行相同的操作。@padhiyar，您是否尝试使用筛选条件？@OnaBai是的，这也是解决方案，但我想在客户端根据dropdownlist选择隐藏和显示raw是否可能在客户端？我已经看到了这一点，但它是静态的，我希望所有数据同时显示，并根据dropdownlist和grid的选择隐藏和显示/过滤，列与dropdownlist值相同。