sproutcore - Sproutcore-gridview分组

Question

SC.Gridview是否支持分组？如果是这样，有人可以给我一些指导如何入门吗？

我正在尝试构建分为逻辑组的图块的gridview。我的基础模型类似于以下内容:

TestApp.personModel.FIXTURES = [

  {
    "name" : "Bob",
    "group" : "group1"
  },

  {
    "name" : "Alice",
    "group" : "group1"
  },

  {
    "name" : "Tom",
    "group" : "group2"
  }

];

因此，举例来说，我希望Bob和Alice瓷砖在1个组中，而Tom则在一个单独的组中。

我不想使用SC.ListView，因为每个项目都将是任意复杂的(即，不仅是一个名称)。

提前致谢。

Answer 1

只要您创建一个具有每个组的列表的 Controller (即SC.ArrayController)，该 Controller 具有与每个组相关的personModel对象的列表(触发将对每个组的结果进行分组的查询)，即SC。 GridView能够按照您的意愿显示每个组。我建议使用一个“ItemView”来定义网格中每个项目的呈现方式。此ItemView通过exampleView属性与GridView链接。

查看EurekaJ应用程序的以下代码，了解如何使用GridView显示图表列表。

https://github.com/joachimhs/EurekaJ/blob/master/EurekaJ.View/apps/EurekaJView/views/chart/chart_grid.js