渲染具有多个子集合的集合

时间:2013-03-20 15:08:06

标签: javascript backbone.js marionette backbone-relational

我正在尝试将应用程序转换为Backbone Marionette,并且遇到了一个问题,即渲染每个包含多个子集合的项目集合。

背景:

我正在制作一个地址簿应用程序,主要用于我自己的启发,但也希望能够用于其他人。此应用程序中的主屏幕显示用户联系人的列表。这些联系人中的每一个都由一个视图表示,其中一个模型支持它。这些模型中的每一个都具有存储为模型上的属性的集合的附加关系信息。也就是说,电话号码和电子邮件地址都作为每个联系人的集合存储。 Backbone Relational和It Is Good都支持这些关系。

问题:

我尝试将联系人视图从Backbone.View转换为Marionette时的第一个想法是使用Backbone.Marionette.CompositeView,但复合视图只需要一个集合。渲染具有多个集合的重复项的正确方法是什么?

2 个答案:

答案 0 :(得分:4)

我写了一篇关于类似问题的博客文章。关键是使用复合视图来呈现集合,并为其提供另一个复合视图作为“itemView”属性来呈现嵌套集合。

工作代码:http://davidsulc.github.com/backbone.marionette-nested-views/

博文:http://davidsulc.com/blog/2013/02/03/tutorial-nested-views-using-backbone-marionettes-compositeview/

代码回购:https://github.com/davidsulc/backbone.marionette-nested-views

注意:您还可以在嵌套视图http://lostechies.com/derickbailey/2012/04/05/composite-views-tree-structures-tables-and-more/

上看到Derick的博客psot

答案 1 :(得分:0)

看一下Marionette中的CompositeView。它可能更符合您的要求。

Marionette CompositeView documentation

Marionette CompositeView Article