我正在一个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]);