剑道UI电网不工作

Question

我已经从一个数据源绑定数据，但它不显示数据，我可以看到的数据来自服务器，但电网保持空一格，这是我的代码：

var dts = new kendo.data.DataSource({ 
    type: "json", 
    serverPaging: true, 
    pageSize: 20, 
    group: { field: 'ProductType' }, 
    transport: { 
    read: { 
     url: "http://someurl.com", // the remove service url 
     dataType: "json" ,// JSONP (JSON with padding) is required for cross-domain AJAX 
     type: "GET", 
    }, 
    parameterMap: function(options) { 
    return { 
     //Some parameters 
     }; 
    } 
    }  
}); 

var grid = $("#grid").kendoGrid({ 
    dataSource: dts, 
    navigatable: true, 
    sortable: true, 
    audoBind: false, 
    height: 240, 
    pageable: false, 
    scrollable: false, 
    columns: [ 
    { 
     field: "SKU", 
     width: 100, 
     title: "SKU" 
    }, { 
     field: "ItemDescription", 
     width: 150, 
     title: "DescriptionDescription" 
    }, { 
     field: "Quantity", 
     width: 80, 
     title: "QTY" 
    }, { 
     field: "UOM", 
     width: 80, 
     title: "UOM" 
    }, { 
     field: "UnitPrice", 
     width: 130, 
     title: "UnitPrice", 
     format: "{0:c}" 
    }, { 
     field: "Tax", 
     width: 80, 
     title: "Tax", 
     format: "{0:c}" 
    }, { 
     field: "Total", 
     width: 80, 
     title: "Total", 
     format: "{0:c}" 
    } 
    ] 
}).data("kendoGrid"); 

dts.read(); 

这是我的代码，首先创建数据源“dts”，然后创建网格“网格”，最后我调用读取函数“dts.read（）”。 DataSource从服务器读取数据，但不在网格上显示。

任何帮助将不胜感激！

Answer 1

您的dataSource可能存在一些问题，因为我无法用kendo UI的服务重现此问题。

<script> 

var dts = new kendo.data.DataSource({ 
    type: "odata", 
    transport: { 
     read: "http://demos.kendoui.com/service/Northwind.svc/Orders", 
     dataType: "jsonp" , 
    }, 
    schema: { 
     model: { 
      fields: { 
       OrderID: { type: "number" }, 
       Freight: { type: "number" }, 
       ShipName: { type: "string" }, 
       OrderDate: { type: "date" }, 
       ShipCity: { type: "string" } 
      } 
     } 
    }, 
    pageSize: 10 
}); 

var grid = $("#grid").kendoGrid({ 
    dataSource: dts, 
    navigatable: true, 
    sortable: true, 
    audoBind: false, 
    height: 240, 
    pageable: false, 
    scrollable: false, 
    columns: [{ 
     *field: "ShipName", 
     width: 100, 
     title: "ShipName" 
    }, { 
     field: "OrderID", 
     width: 80, 
     title: "OrderID", 
     format: "{0:c}" 
    }] 
}).data("kendoGrid"); 
dts.read(); 

也请查看以下链接演示。

http://jsfiddle.net/jayeshgoyani/KZRfV/