Backbone - 为一个简单的应用程序构建视图答案

【问题标题】：Backbone - Structuring views for a simple appBackbone - 为一个简单的应用程序构建视图
【发布时间】：2013-02-08 11:39:25
【问题描述】：

我刚开始使用 Backbone.js，所以请原谅这个问题的简单性。

我正在研究标准的“Todo”示例，并希望扩展“Todo”以便它可以有多个字段。目前，“Todo”应用只使用 AppView 中的单个字段来触发新项目进入集合。

索引.html

<header id="header">
  <h1>todos</h1>
  <input id="new-todo" placeholder="What needs to be done?" autofocus>
</header>

App.js

app.AppView = Backbone.View.extend({
    events: {
        'keypress #new-todo': 'createOnEnter'

因此我认为目前的结构是

应用视图

-->收藏（待办事项）

-->查看（待办事项列表项）

我想让新项目模板有自己的视图

应用视图

-->收藏（待办事项）

-->查看（待办事项列表项）

-->查看（待办事项：新项目）

对于此视图如何将某些内容添加到集合中，我有点迷茫。 appview 目前只是调用。

createOnEnter: function( e ) {
            if ( e.which !== ENTER_KEY || !this.$input.val().trim() ) {
                return;
            }

            app.Todos.create( this.newAttributes() );
            this.$input.val('');
        }

如何从我的新视图中获取对集合的引用？

【问题讨论】：

标签： backbone.js

【解决方案1】：

当您知道要寻找什么时，这很简单......

var view = new app.NewTodo({ collection : app.Todos});

然后可以使用..在您的视图中引用它。

this.collection.create({ title: 'Bonjour', order: 99, completed: false });

【讨论】：