Kendo Grid不会显示所有数据/列

问题描述

我正在尝试填充此剑道网格，但遇到一些问题。当我为列指定标题时，某些列为空，但是数据在那里，因为我可以在控制台日志中看到打印的时间。

$(function () {
  $("#uploadBtn").click(function () {
    var url = window.rootUrl + 'Upload/UploadM';
    var fileUpload = $("#fileID").get(0);
    var files = fileUpload.files;
    var data = new FormData();
    data.append(files[0].name,files[0]);

    $.ajax({
      url: url,type: "POST",contentType: false,// Not to set any content header
      processData: false,// Not to process data
      data: data
    }).done(function (res) {
      console.log("dataTable",res)
      $('#AttachGrid').empty();
      $("#AttachGrid").kendoGrid({
        columns: [
          { field: "DATA_CATEGORY_QOS_CODE",title: "QOS" },{ field: "DOWNLOAD_SPEED_CLASS_CODE",title: "download" },{ field: "OPERATOR_OBJECTID",title: "operator" },{ field: "SETTLEMENT_CODE",title: "settlement" },{ field: "SHAPE",title: "shape" },{ field: "TECHNOLOGY_CODE",title: "tech" },{ field: "UPLOAD_SPEED_CLASS_CODE",title: "upload" },{ field: "Message",title: "message" }
        ],dataSource: res.Data
      });
    })
  });
});

这是此代码表的外观

因此数据存在，但没有正确填充剑道网格。但是，如果我没有这样做的话，是否将这种数据加载到kendo网格中。

$.ajax({
      url: url,res)
      $('#AttachGrid').empty();
      $("#AttachGrid").kendoGrid({
        
        dataSource: res.Data
      });
    })

我无法添加这样的自定义列标题。问题可能是什么？

解决方法

很明显.....您的json Data的属性名称与列字段不匹配。

Json是DATA_CATEGORY_QOS_OBJECTID，但字段是DATA_CATEGORY_QOS_CODE，因此kendo ui将无法正确匹配........

其他属性/字段是同样的问题〜