首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >剑道UI网格:一对多上的分组

剑道UI网格:一对多上的分组
EN

Stack Overflow用户
提问于 2018-03-23 21:13:46
回答 1查看 230关注 0票数 0

可以在Kendo UI Grid中将组应用于以数组作为值的列吗?

代码语言:javascript
复制
[{name: "Tony Stark", title: ["CEO", "Super Hero"]}, {name: "Elon Musk", title: "CEO"}]

我想以下面的层次结构来结束:

代码语言:javascript
复制
CEO
 |_ Tony Stark
 |_ Elon Musk
Super Hero
 |_ Tony Stark
EN

回答 1

Stack Overflow用户

发布于 2018-03-24 03:45:59

您显示的层次结构表示可以由Kendo UI TreeView呈现,但是您提到了网格。

网格将层次结构显示为具有可展开组标题的网格。组是在数据源上指定的,数据源应该是“扁平化”的。

因此,您可以将name/title和name/title数组.map到一个展平的name/title数组中,并将其用作网格数据源。

例如:

代码语言:javascript
复制
var name_titles = [
  {name: "Tony Stark", title: ["CEO", "Super Hero"]},
  {name: "Elon Musk", title: "CEO"}
];

var title_names = $.map(name_titles,function(item){
  if (item.title) {
    if (item.title.constructor === Array) {
      return $.map(item.title,function(title) {
        return {name:item.name, title:title}
      })
    }
    else {
      return item;
    }
  }
  else {
    return null;
  }
});    

$("#grid").kendoGrid({
  dataSource: {
    data: title_names,
    group: { field: "title" }
  }
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49450498

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档