Kendo网格数据源字段隐藏属性

时间:2015-06-09 15:08:13

标签: kendo-grid

我试图根据某些条件隐藏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。任何帮助将不胜感激。

1 个答案:

答案 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]);