为了账号安全,请及时绑定邮箱和手机立即绑定

Kendo Grid 不显示所有数据/列

Kendo Grid 不显示所有数据/列

慕村9548890 2023-01-06 10:50:17

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


$(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

      });

    })

  });

});

这就是使用此代码的表格的样子

http://img2.sycdn.imooc.com/63b78c7d0001801d11150426.jpg

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


$.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

      });

    })

http://img3.sycdn.imooc.com/63b78c8c0001b63e11130427.jpg

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

查看完整描述

1 回答

?
开满天机

TA贡献1550条经验 获得超12个赞

很明显......你的 jsonData的属性名称与 columns 字段不匹配。

Json 是,DATA_CATEGORY_QOS_OBJECTID但 field 是DATA_CATEGORY_QOS_CODE,所以 kendo ui 将无法正确匹配.......

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


查看完整回答
反对 回复 2023-01-06
  • 1 回答
  • 0 关注
  • 12 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信