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：数组作为字段

1 个答案: