javascript - Kendo UI Grid with dynamic columns and random data showing JSON objects as [object Object]

Question

The data is random and I cant predict the columns. I read data from remote and display it on the grid.

I get json objects as [object Object] in Kendo UI Grid, How can i visualize it or is there any way to show a detail view of a cell in a Kendo grid ?

I think it would solve the issue if I can insert a treeview of JSON Object in those cells.

Answer 1

问题是您的 Address 是一个复杂的对象，因此您需要告诉 kendoGrid 如何显示它。比如我有一个复杂的对象Connected，如下：{Connected:{Value:3, Percentage:100}}

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

解决方案：

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

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

这就是我得到的：

Answer 2

您需要设置列的模板。默认情况下，它只能显示原始类型，例如“数字”、“字符串”、“日期”和“布尔”。