Sproutcore - gridview 分组

【问题标题】：Sproutcore - gridview groupingSproutcore - gridview 分组
【发布时间】：2011-03-31 22:29:30
【问题描述】：

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

我正在尝试构建分成逻辑组的图块的网格视图。我的底层模型类似于以下内容：

TestApp.personModel.FIXTURES = [

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

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

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

];

因此，例如，我希望 Bob 和 Alice 磁贴在 1 个组中，而 Tom 是一个单独的组。

我不想使用 SC.ListView，因为每个项目都会非常复杂（即，不仅仅是名称）。

提前致谢。

【问题讨论】：

标签： sproutcore

【解决方案1】：

只要您创建一个控制器，其中包含每个组的列表（即 SC.ArrayController），其中包含与每个组相关的 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

【讨论】：