Kendo Grid не отображает все данные / столбцы

#javascript #c# #kendo-grid

#javascript #c# #kendo-grid

Вопрос:

Я пытаюсь заполнить эту сетку 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
      });
    })
  });
});
  

вот как выглядит таблица с этим кодом
введите описание изображения здесь
введите описание изображения здесь

итак, данные есть, но они неправильно заполняют сетку kendo. Однако, если я делаю это таким образом без свойства columns, он загружает все данные в kendo grid.

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

введите описание изображения здесь
Я не могу добавить пользовательские заголовки столбцов, подобные этому. В чем может быть проблема?

Ответ №1:

Это очевидно….. Имена свойств вашего json Data не соответствуют полю columns.

Json есть, DATA_CATEGORY_QOS_OBJECTID но поле есть DATA_CATEGORY_QOS_CODE , поэтому пользовательский интерфейс kendo не будет соответствовать правильно……..

Другое свойство / поле — та же проблема ~