如何使用来自 WCF 服务的 OData 填充 Kendo Grid？

如何解决如何使用来自 WCF 服务的 OData 填充 Kendo Grid？

我使用 ADO.Net 实体数据模型创建了一个 WCF 数据服务，我已将其设置为返回 OData JSON 响应。我想用它来填充剑道网格。但是，网格不会填充。谁能找出问题所在？

本地服务 URL：

http://localhost:30974/WCFDataService.svc/Orderstemps?$format=json

来自该服务的响应（测试数据）：

{"odata.Metadata":"http://localhost:30974/WCFDataService.svc/$Metadata#Orderstemps","value":[{"OrderID":1,"Freight":"128","ShipName":"shipname","OrderDate":"2021-04-21T00:00:00","ShipCity":"shipcity"}]}

Javascript：

<script>
    $(document).ready(function () {
        $(".textButton").kendobutton();
        $("#grid").kendoGrid({
            dataSource: {
                type: "odata",transport: {
                    read: "http://localhost:30974/WCFDataService.svc/Orderstemps?$format=json"
                },schema: {
                    model: {
                        fields: {
                            OrderID: { type: "number" },Freight: { type: "number" },ShipName: { type: "string" },OrderDate: { type: "date" },ShipCity: { type: "string" }
                        }
                    }
                },pageSize: 20
            },height: 550,filterable: true,sortable: true,pageable: true,columns: [{
                field: "OrderID",filterable: false
            },"Freight",{
                field: "OrderDate",title: "Order Date",format: "{0:MM/dd/yyyy}"
            },{
                field: "ShipName",title: "Ship Name"
            },{
                field: "ShipCity",title: "Ship City"
            }
        
        });
    });
</script>

如果我用 Telerik 演示替换上面 javascript 中的服务 url，它工作正常：

https://demos.telerik.com/kendo-ui/service/northwind.svc/Orders