KendoGrid JavaScript运行时错误：模板无效

Question

试图找出剑道世界，并将网格设置为json数组数据源。

Error is "JavaScript runtime error: Invalid template: <tr
data-uid="#=data.uid#" role='row'><td  role='gridcell'>#=data.Account
Num==null?'':data.Account Num#</td>...".

我注意到在这个错误中我看到空值，想知道这是否意味着数据没有绑定？

我看到列标题，但不是任何行。 我还必须提一下，我的数据中没有任何ID字段，因为我正在使用SQL视图中的临时表。

function populateGrid(search) {
    $("#grdAttributes").kendoGrid({
        dataSource: {
            transport: {
                read: {
                    url: "http://127.0.0.2:6080/arcgis/rest/services/WW/WW2/MapServer/exts/RestSOE/Search%20Query?columnName=" + search.columnName + "&operand=" + search.operand + "&searchVal=" + search.searchVal + "&f=",
                    dataType: "json",
                    type: 'GET'
                }
            },
        },
        serverPaging: true,
        serverSorting: true,
        serverFiltering: true,
        scrollable: true,
        height: 150

    });
    $("#grdAttributes").data().kendoGrid.dataSource.view()
};

如果我继续VS2012中的错误，我会看到网格中的列标题。 只是没有行数据。 （示例JSON下面:)

 -[{
     -"Address": "PO BOX 20",
     -"City": "HAVENWOOD",
     -"Location": "",
     -"Name 1": "UNIVERSITY",
     -"Name 2": "",
     -"Street": "NEY AVE",
     -"Street Num": "16",
     -"Legacy ROD Num": null - "Repeat Client": "Y" -
 }, ...

这是错误的开始：

`Unhandled exception at line 11, column 6788 in
http://--------:51392/WW/js/kendo.web.min.js 0x800a139e - JavaScript
runtime error: Invalid template:'<tr data-uid="#=data.uid#"
role='row'><td  role='gridcell'>#=data.Account
Num==null?'':data.Account Num#</td><td 
role='gridcell'>#=data.address==null?'':data.address#</td><td 
role='gridcell'>#=data.Arb Location==null?'':data.Location#</td><td 
role='gridcell'>#=data.WNum==null?'':data.Num#</td><td`

希望这足以获得一些反馈。 [敲我的头]。 提前致谢！

Answer 1

很难说完全，但看起来生成的模板有问题，因为您的数据字段名称中有空格，例如：

'Account Num'，并且在模板中它试图访问“data.Account Num”，这当然不会起作用。

将数据设置为没有空格，以查看实际上是否存在问题。 如果是问题，另一个解决方案（如果你想保留空格）将手动输入列而不是让它自动生成它。

......处理空间：

首先使用以下字段设置数据源方案：

schema: {
    data: "Data",
    model: {
        fields: {
            "Name": { type: "string" },
            "Account Num": { type: "string" }
        }
    }
}

然后对于您的列，使用模板定义它们，如下所示：

columns: [
   {
      field: "Name",
      title: "Name",
      template: "#=data['Name']==null?'':data['Name']#"
   },
   {
      field: "Account Num",
      title: "Account Num",
      template: "#=data['Account Num']==null?'':data['Account Num']#"
   }
]

你最初拥有的是kendo尝试生成模板本身，但它试图访问

data.Account Num

这当然不适用于javascript，因此您可以手动定义每列的模板来代替访问

data['Account Num']

这将正常工作，并希望得到你正在寻找的结果。