如何隐藏在剑道UI格列 [英] How can I hide columns in a Kendo UI Grid

问题描述

我正在一个HTML5和JavaScript的网站上。

I'm working on a HTML5 and JavaScript website.

是否有可能有一个隐藏的列剑道UI网格和使用JQuery访问值？

Is it possible to have a hidden column in Kendo UI Grid and access the value using JQuery?

推荐答案

请参见剑道UI API定义。

在电网定义隐藏

使用JavaScript实现，你可以添加隐藏：真正的：

Using the JavaScript implementation you can add hidden: true:

$("#gridName").kendoGrid({
  columns: [
    { hidden: true, field: "id" },
    { field: "name" }
  ],
  dataSource: [ { id: 1, name: "Jane Doe" }, { id: 2, name: "John Doe" } ]
});

或者，与剑道MVC，您可以使用隐藏（）：

@(Html.Kendo().Grid<Something>()
    .Name("GridName")
    .Columns(columns =>
    {
        columns.Bound(m => m.Id).Hidden()
        columns.Bound(m => m.Name)
    })
)

隐藏通过CSS选择器列

$("#gridName").find("table th").eq(1).hide();

隐藏按列索引中的列

var grid = $("#gridName").data("kendoGrid");
grid.hideColumn(1);

隐藏按列名的列

var grid = $("#gridName").data("kendoGrid");
grid.hideColumn("Name");

隐藏通过柱对象引用的列

var grid = $("#gridName").data("kendoGrid");
grid.hideColumn(grid.columns[0].columns[1]);

这篇关于如何隐藏在剑道UI格列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！