Model Backbone.js多级ul

Model Backbone.js多级ul,model,backbone.js,nested,html-lists,Model,Backbone.js,Nested,Html Lists,我正在开始一个主干项目,我想我应该从菜单系统开始。 我的菜单基于多级ul。所以基本上在一些lis中有嵌套的uls 我想知道我将如何为此创建一个模型/集合。就这一点而言,我将如何看待这一观点。我见过有人用li标记类型创建视图。但我不确定这将如何工作。我个人喜欢使用集合视图和项目视图(防止重新列出整个列表) AutoFiler.Views.Messages=Backbone.View.extend({ 初始化:函数(){ _.bindAll(这是“render”、“renderItem”); thi

我正在开始一个主干项目,我想我应该从菜单系统开始。 我的菜单基于多级ul。所以基本上在一些lis中有嵌套的uls


我想知道我将如何为此创建一个模型/集合。就这一点而言,我将如何看待这一观点。我见过有人用li标记类型创建视图。但我不确定这将如何工作。

我个人喜欢使用集合视图和项目视图(防止重新列出整个列表)

AutoFiler.Views.Messages=Backbone.View.extend({
初始化:函数(){
_.bindAll(这是“render”、“renderItem”);
this.collection.bind(“重置”,this.render);
this.collection.bind('add',this.renderItem);
this.collection.bind('remove',this.render);
},
渲染:函数(){
this.el.empty();
this.collection.each(this.renderItem);
归还这个;
},
renderItem:函数(项){
var viewC=new AutoFiler.Views.Message({model:item});
this.el.append(viewC.render().el);
}
});
AutoFiler.Views.Message=Backbone.View.extend({
模板:35;.template($(“#消息模板”).html()),
标记名:“li”,
初始化:函数(){
_.bindAll(这是“呈现”);
},
渲染:函数(){
$(this.el).html(this.template(this.model.toJSON());
归还这个;
}
});
{{Subject}}
给你

<ul id="Messages"> 
    <li><div>Subject A</div></li>
    <li><div>Subject B</div></li>
</ul>
  • 主题A
  • 主题B
可以通过创建列表集合(集合集合)嵌套

或者,您可以只使用类名和深度设置样式

那样


我认为这使代码更容易阅读

谢谢您的示例。遗憾的是,我的大脑刚刚被一个nhibernate映射问题撕裂和践踏,我的注意力有点难以集中。你能详细介绍一下收藏品的收集情况吗?我的模型会有这样的集合属性吗?然后,我是否必须通过视图进行递归才能将其全部显示出来?我不能使用css技巧,因为我有一个插件需要嵌套列表。谢谢你的帮助
<ul id="Messages"> 
    <li><div>Subject A</div></li>
    <li><div>Subject B</div></li>
</ul>