KendoUI Grid：数组作为字段

Question

我有一个数据源，它是从 JSON 数据字符串构建的，包含一个名为 Fruit 的字段：

[{
... /other entries
fruit: [{
  name: 1
}, {
  name: 2
}, {
  name: 3
}]
}]

我在 KGrid 中使用这个字段，并且想做一个逗号分隔的链接列表，来自名称：

<a href="#">1</a>, <a href="#">2</a>, <a href="#">3</a>

目前，我正在连接到 dataBound 函数，并为 fruit 字段单独构建它，有没有更简单的方法，比方说，一个模板？我试图在文档中查找有关类似内容的信息，但找不到与拆分数组有关的任何信息？

Answer 1

我不会在数据源处转换数据。该工作由 UI 组件负责。而是将您的逻辑移至网格的列模板函数。 [ API reference ]

$('#grid').kendoGrid({
  columns: [ {
    field: 'fruit',
    template: function(dataItem) {
      var html = [];

      for (var i = 0; i < dataItem.length; i++) {
        html.push('<a href="#">' + dataItem[i].name + '</a>');
      }

      return html.join(', ');
    }
  }],
  dataSource: data
});

KendoUI Grid：数组作为字段

KendoUI Grid: Array as a field

kendo-ui

kendo-grid

kendo-datasource