更改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，解釋了隱藏列的不同方法。