Kendo UI Grid, Uncaught Error: Invalid Template

Question

正在尝试将我格式化的数组放入 kendo 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

"Invalid template" 错误的原因是您似乎在尝试按索引设置列的字段，例如：

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。

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

Kendo UI Grid, Uncaught Error: Invalid Template

Kendo UI Grid, Uncaught Error: Invalid Template

javascript

jquery

kendo-ui

kendo-grid