не может отображать значение выборки из базы данных в devextreme dxDataGrid

Question

Я новичок в devextreme dxDataGrid я выборка формы значения базы данных с помощью JSON моего вара objdata хранения данных в формате JSON строки и я передаю уаг objdata, как DataSource в dxDataGrid но я получаю плохую ошибку запроса в dxDataGrid ниже изображение JSon строки в моей вар objdata любая помощь будет оценена

$(document).ready(function() { 
 
    fetchrecord(); 
 
    }); 
 

 
    function fetchrecord() { // calling fetch function 
 
    $.ajax({ 
 
     type: "POST", 
 
     url: "Default.aspx/fetchemp", 
 
     data: '{}', 
 
     contentType: "application/json;charset=utf-8", 
 
     dataType: "json", 
 
     success: OnSuccess, 
 
     error: OnErrorCall 
 
    }); 
 

 
    function OnSuccess(response) { 
 
     var objdata = (response.d); // storing data in json string format 
 
     $("#gridContainer").dxDataGrid({ 
 
     allowColumnReordering: true, 
 
     allowColumnResizing: true, 
 
     columnChooser: { 
 
      enabled: true 
 
     }, 
 
     columnFixing: { 
 
      enabled: true 
 
     }, 
 
     filterRow: { 
 
      visible: true, 
 
      applyFilter: "auto" 
 
     }, 
 
     searchPanel: { 
 
      visible: true, 
 
      width: 240, 
 
      placeholder: "Search..." 
 
     }, 
 
     dataSource: objdata, 
 
     columns: ["ID", "Name", "Gender", "Pincode", "City"] 
 

 
     }); 
 

 

 

 
    } 
 

 
    function OnErrorCall(response) { 
 
     alert("error occur"); 
 
    } 
 

 

 
    }

<div class="demo-container"> 
 
    <div id="gridContainer"></div> 
 
</div>

Answer 1

Данные, который поставляется с именами на вашей стороне не то же самое, потому что вы сделали опечатку.

Вы должны сделать это таким образом.

columns:["Id", "name", "gender", "pincode", "City"] 

или

 columns: [ 
    { dataField:'Id', caption: 'ID'}, 
    { dataField:'name', caption: 'Name'}, 
    { dataField:'gender',caption: 'Gender'}, 
    { dataField:'pincode',caption: 'Pincode'}, 
    { dataField:'City'}],