«Нет данных» при попытке привязки данных от JSON. Data Grid [DevExtreme]

Question

У меня есть проект, который использует 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]"}]

Я wan t, чтобы связать его с Data Grid на 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>

Я буду всегда получать никаких данных о Data Grid. Почему он не может получить данные с 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");