"Keine Daten" beim Versuch, Daten von JSON zu binden. Data Grid [DevExtreme]

Question

Ich habe ein Projekt, das den WCF-Rest angularJS verwendet.

Ich habe bereits erstellen JSON auf

localhost: 51458/ServiceRequest.svc/GetAllRequest/

Der Ausgang sah aus wie dieses

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

Ich weine t, um es an Data Grid auf DevExtreme zu binden. können Sie den Code auf 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", 
 
       } 
 
      ] 
 
     }

im html

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

Ich bin immer bekommen keine Daten über die Data Grid sehen. Warum kann es keine Daten von localhost bekommen? kann es JSON verwenden? oder die Daten sollten ODATA sein? denn wenn ich versuche, die Beispieldaten aus

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

es binden arbeiten OData Beispiel können zu binden

Vielen Dank im Voraus

Answer 1

Sie sollten es versuchen.

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