編輯模板動態

Question

我有最初呈現爲

$("#dataGrid").kendoGrid({ 
        height: 450, 
        sortable: true, 
        columns:[  
          {field: "Status", title: " ", width:35}, 
          {field: "Year", title:" ", width:50}, 
          {field: "Name", title:" ", width:50} 
          ], 
        dataSource: surveydataSource 
       }); 

我的要求是，在某些函數調用，我想改變「名稱」列的模板劍道網格劍道網格作爲：

$("#dataGrid").kendoGrid({ 
        height: 450, 
        sortable: true, 
        columns:[  
          {field: "Status", title: " ", width:35}, 
          {field: "Year", title:" ", width:50}, 
          {field: "Name", title:" ", width:50, template: "<strong>#: name # </strong>"} 
          ], 
        dataSource: surveydataSource 
       }); 

有沒有更簡單的方法來這樣做，而不是再次建立整個網格？我可以在劍道網格中更改/重置列的模板嗎？

Answer 1

嘗試使用Kendo Grid .setOptions()方法進行設置。

var grid = $("#dataGrid").data("kendoGrid"); 
    grid.setOptions({ 
     columns: [  
      {field: "Status", title: " ", width:35}, 
      {field: "Year", title:" ", width:50}, 
      {field: "Name", title:" ", width:50, template: "<strong>#: name # </strong>"} 
     ] 
    });