将 Odata 绑定到 KendoUI 数据源以与 Kendo Grid 一起使用

Question

我第一次尝试将 kendo 数据源绑定到 odata 源，但运气不佳。我找到了一个示例产品，它允许对 odata 控制器进行版本控制，看起来非常有用。 odata 输出看起来像

{
"d": {
    "__metadata": {
        "id": "http://localhost:11232/versionbyroute/v1/Products(7)",
        "uri": "http://localhost:11232/versionbyroute/v1/Products(7)",
        "type": "ODataVersioningSample.V1.ViewModels.Product",
        "actions": {
            "http://localhost:11232/versionbyroute/v1/$metadata#Container.Product": [
                {
                    "title": "Product",
                    "target": "http://localhost:11232/versionbyroute/v1/Products(7)/Product"
                }
            ]
        }
    },
    "ID": 7,
    "Name": "MS-DOS 3.0 (OEM)",
    "ReleaseDate": null,
    "SupportedUntil": null
}

}

现在有了 Kendo，我不太清楚我现在是如何获得 ID 和姓名的访问权限

   var datasource = new kendo.data.DataSource({
        type: "odata",
        transport: {
            read: {
                beforeSend: function (req) {
                    req.setRequestHeader('Accept', 'application/json;odata=verbose');
                },
                url: "http://localhost:11232/versionbyroute/v1/Products(7)",

            }
        },
        schema: {
            model: {
                fields: {
                    Name: { type: "string" }

                }
            }
        },
        pageSize: 20,
        serverPaging: true,
        serverFiltering: true,
        serverSorting: true
    });


    $("#grid").kendoGrid({
        height: 430,
        sortable: true,
        dataSource: datasource,
        columns: [{ field: 'Name', title: 'Name' }]


    });

我觉得我很接近，但我认为我设置架构的方式有问题？谁能指出我正确的方向。

编辑

如果其他人在同一条船上

   $("#grid").kendoGrid({
        height: 430,
        sortable: true,
        dataSource: {
            type: "odata",
            transport: {
                read: {
                    beforeSend: function (req) {
                                    req.setRequestHeader('Accept', 'application/json;odata=verbose');
                                },
                    url: "http://localhost:11232/versionbyroute/v1/Products",
                    dataType: "json"
                }
            },
            pageSize: 20,
            serverPaging: true,
            serverFiltering: true,
            serverSorting: true,
        },
        filterable: true,
        pageable: true,
        columns: [{ field: 'Name', title: 'Name' }]
    });

Answer 1

作者回答：

如果其他人在同一条船上

   $("#grid").kendoGrid({
        height: 430,
        sortable: true,
        dataSource: {
            type: "odata",
            transport: {
                read: {
                    beforeSend: function (req) {
                                    req.setRequestHeader('Accept', 'application/json;odata=verbose');
                                },
                    url: "http://localhost:11232/versionbyroute/v1/Products",
                    dataType: "json"
                }
            },
            pageSize: 20,
            serverPaging: true,
            serverFiltering: true,
            serverSorting: true,
        },
        filterable: true,
        pageable: true,
        columns: [{ field: 'Name', title: 'Name' }]
    });