Sproutcore - gridview分组

时间:2011-03-31 22:29:30

标签: sproutcore

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

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

TestApp.personModel.FIXTURES = [

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

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

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

];

因此,举例来说,我希望鲍勃和爱丽丝能够分成1组而汤姆要成为一个独立的组。

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

提前致谢。

1 个答案:

答案 0 :(得分:0)

只要您创建一个控制器,其中包含每个组的列表(因此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