我试图根据某些条件隐藏kendo网格数据源中的字段。尝试过属性,隐藏,启用---不工作。代码如下所示。
return new kendo.data.DataSource({
schema: {
model: {
fields: {
Id: { type: 'number', nullable: false, editable: false, defaultValue:null},
Frist Name: {type: 'string', nullable: false, editable: false, defaultValue: 'fTest'},
Last Name: {type:'string', nullable: false, editable: true, defaultValue: 'LTest'},
BirthDate: {type:'date', nullable: false, editable: true},
Type: {type:'string', nullable: false, editable: true},
Field1: {type:'string', hidden:true, defaultValue: ''},
如果满足某些条件,我试图隐藏Field1。任何帮助将不胜感激。
答案 0 :(得分:0)
申请"隐藏:true"在列[{..}]部分而不是字段:{..}
在网格定义
中添加隐藏:true到隐藏列$("#gridName").kendoGrid({
columns: [
{ field: "id", hidden: true },
{ field: "name" }
],
dataSource: [ { id: 1, name: "Jane Doe" }, { id: 2, name: "John Doe" } ]
});
以下是隐藏列
的一些方法通过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]);