更改Kendo Grid列绑定

Question

我的页面上有一些单选按钮，我想根据用户的选择绑定Kendo Grid的一列，然后刷新网格。

这是我的javascript代码：

function change(c) { 
    var grid = $("#grid").data('kendoGrid'); 
    switch (c) { 
     case 2: 
      break; 
     case 3: 
      break; 
     default: 
     case 1: 
      break; 
    } 
} 

Answer 1

您可以使用JavaScript来显示/隐藏右列。请参阅API definition。

function change(c) { 
    var grid = $("#grid").data('kendoGrid'); 
    switch (c) { 
     case 2: 
      grid.hideColumn("Column1"); 
      grid.showColumn("Column2"); 
      break; 
     case 3: 
      grid.showColumn("Column3"); 
      break; 
     default: 
     case 1: 
      grid.hideColumn(3); 
      grid.showColumn(4); 
      break; 
    } 
} 

前一段时间，我发布了一个答案here，解释了隐藏列的不同方法。