Kendo Grid 未加载远程 JSON 数据答案

【问题标题】：Kendo Grid not loading remote JSON dataKendo Grid 未加载远程 JSON 数据
【发布时间】：2017-03-27 16:43:46
【问题描述】：

我已经搜索了许多关于 SO 的文章以及来自 Telerik 网站的文章，但我仍然遇到无法加载数据的问题。

这是 JS 中的剑道网格：

$("#ss-address-book-grid").kendoGrid({
    dataSource: {
        type: "json",
        transport: {
            read: "http://localhost:65257/InternalDirect/GetAddresses"
        },
        schema: {
            model: {
                fields: {
                    alias: { type: "string" },
                    full_address: { type: "string" }
                }
            }
        }
    },
    sortable: true,
    columns:
    [
        {
            field: "full_address",
            title: "Address"
        },
        {
            field: "alias",
            title: "Alias"
        }
    ]
});

我正在尝试访问 MVC Web api - 调用和收到的响应是成功的，并且格式正确：

一般：

Request URL:http://localhost:65257/InternalDirect/GetAddresses
Request Method:GET
Status Code:200 OK

响应标头：

Access-Control-Allow-Origin:*
Cache-Control:no-cache
Content-Length:125
Content-Type:application/json; charset=utf-8
Date:Mon, 27 Mar 2017 16:21:48 GMT

回复：

[{"alias":"Test Alias","full_address":"test@directaddy.com"},
{"alias":"Test Alias 2","full_address":"test@directaddy.com 2"}]

剑道网格 UI 会加载；没有抛出 JS 错误。

您可以在我发送的 Access-Control_Allow_Origin 的响应标头中看到，因为它将是跨域的。响应格式似乎正确。

我已将“类型”更改为 odata 和 jsonp。我还将读取部分中的数据类型设置为 json/jsonp。

有人对这个特定问题有想法吗？

【问题讨论】：

标签： javascript model-view-controller asp.net-web-api kendo-grid

【解决方案1】：

我已经想通了——我需要定义一个数据头和一个 ID——在模式部分中更改了以下 JS：

 schema: {
      data: "Data",
      model: {
         id: "full_address",
         fields: {
              alias: { type: "string" },
              full_address: { type: "string" }
         }
...

并且返回的 JSON 对象有以下变化：

{"Data":[
    {
      "alias":"Test Alias",
      "full_address":"test@directaddy.com"
    },
    {
      "alias":"Test Alias 2",
      "full_address":"test2@directaddy.com"
    }]}

【讨论】：