2015-06-09 60 views
0

我想基於某些條件隱藏劍道網格數據源的字段。嘗試過的屬性,隱藏,啓用---不工作。代碼如下所示。劍道網格數據源字段隱藏屬性

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

應用 「隱藏的:真」 列[{..}]部分而不是字段:{..}

添加隱藏的:真實隱藏柱網定義期間

$("#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]);