尝试从 JSON 绑定数据时出现“无数据”。数据网格 [DevExtreme]答案

【问题标题】："No Data" when try to bind data from JSON. Data Grid [DevExtreme]尝试从 JSON 绑定数据时出现“无数据”。数据网格 [DevExtreme]
【发布时间】：2016-12-19 06:34:37
【问题描述】：

我有一个使用 wcf rest angularJS 的项目。

我已经在上面创建了 JSON

localhost:51458/ServiceRequest.svc/GetAllRequest/

输出看起来像这样

[{"ASSIGNED_TO":"manager","BODY":"asdasd","CATEGORY":"APP","FILE_NAME":"gambar.jpg","ID":18,"REQUESTER":"user","STATUS":"On Progress","SUBCATEGORY":"BUG FIXING","SUBJECT":"asd","TICKET_NUMBER":"APP_20161014_111_18"},{"ASSIGNED_TO":"manager","BODY":"abc","CATEGORY":"IT","FILE_NAME":"App_Form.docx","ID":19,"REQUESTER":"Trainee 02","STATUS":"Assign","SUBCATEGORY":"REQUEST NEW USER","SUBJECT":"test insert lewat browser","TICKET_NUMBER":"IT_20161017_121_19"},{"ASSIGNED_TO":"tes","BODY":"tes","CATEGORY":"tes","FILE_NAME":"tes","ID":20,"REQUESTER":"tes","STATUS":"Assign","SUBCATEGORY":"tes","SUBJECT":"tes","TICKET_NUMBER":"1231"},{"ASSIGNED_TO":"tes","BODY":"tes","CATEGORY":"tes","FILE_NAME":"asd","ID":22,"REQUESTER":"tes","STATUS":"Assign","SUBCATEGORY":"tes","SUBJECT":"tes","TICKET_NUMBER":"123213"},{"ASSIGNED_TO":"dsfbsd","BODY":"sbfd","CATEGORY":"dvsd","FILE_NAME":"sdfbsdf","ID":38,"REQUESTER":"sdfv","STATUS":"Assign","SUBCATEGORY":"dvdv","SUBJECT":"dvdsv","TICKET_NUMBER":"huih"},{"ASSIGNED_TO":"assignto","BODY":"body","CATEGORY":"category","FILE_NAME":"fileName","ID":40,"REQUESTER":"request","STATUS":"Assign","SUBCATEGORY":"subCategory","SUBJECT":"subject","TICKET_NUMBER":"ABC_1234_98"},{"ASSIGNED_TO":"assignto","BODY":"undefined","CATEGORY":"undefined","FILE_NAME":"fileName","ID":45,"REQUESTER":"request","STATUS":"Assign","SUBCATEGORY":"undefined","SUBJECT":"undefined","TICKET_NUMBER":"[object Object]"}]

我想将它绑定到 DevExtreme 上的数据网格。你可以在approval.js上看到代码

$scope.dataGridOptions = {
            dataSource: {
                store: {
                    type: "odata",
                    url: "http://localhost:51458/ServiceRequest.svc/GetAllRequest"
                },
                select: [
                    "ID",
                    "REQUESTER",
                    "CATEGORY",
                    "BODY",
                    "FILE_NAME",
                    "ASSIGNED_TO"
                ],
            },
            columns: [
                {
                    caption: "ID",
                    dataField: "ID",
                }, {
                    dataField: "REQUESTER",
                    width: 250
                }, {
                    caption: "Kategori",
                    dataField: "CATEGORY",
                }, {
                    caption: "Body",
                    dataField: "BODY",
                }, {
                    caption: "File Name",
                    dataField: "FILE_NAME",
                }, {
                    caption: "Assigned To",
                    dataField: "ASSIGNED_TO",
                }
            ]
        }

在html中

<div>
    <div id="gridContainer" dx-data-grid="dataGridOptions"></div>
</div>

我总是在数据网格上没有数据。为什么它不能从本地主机获取数据？它可以使用 JSON 吗？或者数据应该是ODATA？因为当我尝试从

绑定示例数据时

https://js.devexpress.com/Demos/DevAV/odata/Products

它可以绑定odata示例

提前致谢

【问题讨论】：

你能分享在加载数据时遇到的请求吗？

标签： json devexpress odata devextreme

【解决方案1】：

你应该试试。

$.getJSON("localhost:51458/ServiceRequest.svc/GetAllRequest/", function (data) {
        $("#gridContainer").dxDataGrid({
            dataSource: data,
          // your code....
                    }).dxDataGrid("instance");

【讨论】：