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

Question

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

我在Kendo UI Grid中将json对象设为[object Object]，如何将其可视化，或者是否有任何方法可以在Kendo网格中显示单元格的详细视图？

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

Answer 1

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

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

解决方案：

假设我需要按如下方式显示我的Connected对象：'3（100％）'。网格无法知道这一点。因此，我必须在列声明中创建一个模板：

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

这就是我得到的：

Answer 2

您需要设置列的template。默认情况下，它只能显示基本类型，如“数字”，“字符串”，“日期”和“布尔”。