#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 не будет соответствовать правильно……..
Другое свойство / поле — та же проблема ~