无法在 devextreme dxDataGrid 中显示从数据库获取的值

Question

我是 devextreme dxDataGrid 我正在使用 json 从数据库中获取值，我的 var objdata 将数据存储在 json 字符串格式，我将 var objdata 作为 dxDataGrid 中的 数据源传递，但是 我在 dxDataGrid 中收到错误的请求错误 下面是 json 字符串在我的 var 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

你这边的名字附带的数据不一样，因为你打错了。

You have to do it this way.

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

or

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