Question

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

我已经在

上创建了JSON

本地主机：51458 / ServiceRequest.svc / GetAllRequest /

输出看起来像这样

＆＃13;

[{"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]"}]

＆＃13;

我想将它绑定到DevExtreme上的Data Grid。你可以看看approval.js上的代码

＆＃13;

$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",
                }
            ]
        }

＆＃13;

在html中

＆＃13;

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

＆＃13;

我总是在数据网格上获得无数据。为什么它无法从localhost获取数据？它可以使用JSON吗？或者数据应该是ODATA？因为当我尝试绑定来自

的示例数据时

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

它可以工作绑定odata示例

提前致谢

Answer 1

你应该试试。

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

＆＃34;没有数据＆＃34;当尝试从JSON绑定数据时。数据网格[DevExtreme]

1 个答案: