Kendo UI网格,未捕获错误:无效模板

时间:2015-08-14 16:01:01

标签: javascript jquery kendo-ui kendo-grid

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

我不确定我做错了什么。数组中的数据顺序正确,列在页面上呈现。但它似乎不想插入我的数据。

1 个答案:

答案 0 :(得分:4)

“无效模板”错误的原因是,您似乎正在尝试按索引设置列的字段,例如:

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

这可能会奏效,但如果没有数据集的exacte样本,则无需进一步协助。