Kendo 网格未显示所有数据/列

Question

我正在尝试填充此 kendo 网格，但我运行遇到了一些问题。当我给列标题时，有些列是空的，但数据在那里，因为我可以在控制台日志中看到它。

$(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
      });
    })
  });
});

这就是 table 使用此代码后的样子

所以数据在那里，但它没有正确填充 kendo 网格。但是，如果我在没有列属性的情况下这样做，它会将整个数据加载到 kendo 网格中。

$.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({
        
        dataSource: res.Data
      });
    })

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

Answer 1

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

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

其他property/field也是同样的问题~

Kendo 网格未显示所有数据/列

Kendo Grid not displaying all data /columns

javascript

c#

kendo-grid