sproutcore - Sproutcore-gridview分组

标签 sproutcore

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

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

TestApp.personModel.FIXTURES = [

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

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

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

];

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

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

提前致谢。

最佳答案

只要您创建一个具有每个组的列表的 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

关于sproutcore - Sproutcore-gridview分组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5507142/

相关文章:

javascript - sproutcore 属性(@each)未更新

user-interface - 哪个 JavaScript 框架可以开发客户端复杂的 UI?道场、SproutCore、 Cappuccino

sproutcore - 无法安装SproutCore

ruby-on-rails - 结合 Rails 3 和 sproutcore 的优秀示例应用程序

tableview - Cappuccino V Sproutcore-Tableview

layout - 如何在 SproutCore 中设置 LabelView 的文本大小

javascript - 如何等待 Sproutcore 2.0 加载所有模板?

javascript - SprouteCore 与 WebSockets

iframe - 如何在 Sproutcore 的 View 中添加iframe?