Kendo UI Grid，未捕獲錯誤：無效模板

Question

嘗試將我已格式化的數組放入kendo UI Grid。這是我正在使用的代碼。

$(document).ready(function(){ 
 
    $("#grid").kendoGrid({ 
 
     columns: [ 
 
      { title: "Ticket Number", field: "0" }, 
 
      { title: "Title", field: "1" }, 
 
      { title: "Created On", field: "2" }, 
 
      { title: "Modified On", field: "3" }, 
 
      { title: "Queue", field: "4" }, 
 
      { title: "Status", field: "5" }, 
 
      { title: "Account", field: "6" }, 
 
      { title: "Contact", field: "7" }, 
 
      { title: "Service Type", field: "8" }, 
 
      { title: "Issue Type", field: "9" } 
 
     ], 
 
     dataSource: dataset 
 
    }); 
 
});

可變數據集包含與我希望顯示的數據的列和行的列表。當運行代碼我得到：

Uncaught Error: Invalid template:'<tr data-uid="#=data.uid#" role='row'>

我不知道我在做什麼錯。數組中的數據按正確順序排列，並且列在頁面上呈現。但它似乎並不想插入我的數據。

Answer 1

的原因「無效模板」的錯誤是，它看起來像你想通過指數來設置列的領域，例如：

field: "0" 

你實際上解析字符串在這裏，雖然。相反，你應該從你的數據集提供實際的字段名稱：

<script> 
    $(function(){ 
     var dataset = [ 
     { ticketId: "1000", title: "Lorem" }, 
     { ticketId: "1001", title: "Ipsum" } 
     ]; 

     $("#grid").kendoGrid({ 
     columns: [ 
      { title: "Ticket Number", field: "ticketId" }, 
      { title: "Title", field: "title" } 
     ], 
     dataSource: dataset 
     }); 
    }); 
</script> 

這裏有一個working sample。

這可能會起作用，但如果沒有您的數據集的實際樣本，則沒有任何進一步的幫助。