javascript - 具有动态列和随机数据的 Kendo UI 网格将 JSON 对象显示为 [object Object]

Question

数据是随机的，我无法预测列。我从远程读取数据并将其显示在网格上。

我在 Kendo UI Grid 中将 json 对象作为 [object Object] 获取，我如何可视化它或有什么方法可以显示 Kendo 网格中单元格的详细 View ？

我认为如果我可以在这些单元格中插入一个 JSON 对象的 treeview 就可以解决问题。

Answer 1

问题是你的Address是一个复杂的对象，所以你需要告诉kendoGrid如何显示它。比如我有一个复杂的Connected对象，如下:{连接:{值:3，百分比:100}}

如果我只是将它映射到某个列，我将在我的网格中显示 [object Object]，与您的体验相同。

解决方法:

假设我需要按如下方式显示我的已连接对象:“3 (100 %)”。网格无法知道这一点。因此，我必须在我的列声明中创建一个模板:

var gridColumns = [
  { field: "Connected", title: "Connected", template: function(data) {
      return data["Connected"].Value + " (" + data["Connected"].Percentage + " %)"; 
    }
  }
];

这就是我得到的: