Kendo UI 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
});