javascript - Kendo UI 网格， Uncaught Error : Invalid Template

Question

尝试将我格式化的数组放入剑道 UI 网格中。这是我正在使用的代码。

$(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 .

这可能会奏效，但如果没有数据集的精确样本，就没有任何进一步的帮助。