Backbone.js 主干-简单应用程序的结构化视图
我只是从Backbone.js开始,请原谅问题的简单性 我正在处理标准的“Todo”示例,希望扩展“Todo”,使其可以有多个字段。目前,“Todo”应用程序仅使用AppView中的单个字段来触发集合中的新项目 Index.htmlBackbone.js 主干-简单应用程序的结构化视图,backbone.js,Backbone.js,我只是从Backbone.js开始,请原谅问题的简单性 我正在处理标准的“Todo”示例,希望扩展“Todo”,使其可以有多个字段。目前,“Todo”应用程序仅使用AppView中的单个字段来触发集合中的新项目 Index.html <header id="header"> <h1>todos</h1> <input id="new-todo" placeholder="What needs to be done?" autofocus>
<header id="header">
<h1>todos</h1>
<input id="new-todo" placeholder="What needs to be done?" autofocus>
</header>
因此,我认为目前的结构是合理的
AppView
-->收集(待办事项)
-->视图(待办事项列表项)
我想使新项目模板成为自己的视图
AppView
-->收集(待办事项)
-->视图(待办事项列表项)
-->视图(待办事项:新项目)
我有点不明白这个视图是如何将一些东西添加到集合中的。appview当前仅调用
createOnEnter: function( e ) {
if ( e.which !== ENTER_KEY || !this.$input.val().trim() ) {
return;
}
app.Todos.create( this.newAttributes() );
this.$input.val('');
}
如何从我的新视图中获取对该收藏的引用?当您知道要查找什么时,这非常简单
var view = new app.NewTodo({ collection : app.Todos});
然后,可以使用..在视图中引用它
this.collection.create({ title: 'Bonjour', order: 99, completed: false });
this.collection.create({ title: 'Bonjour', order: 99, completed: false });