Backbone - 为简单的应用程序构建视图

Question

我刚开始使用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>

App.js

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

因此我相信目前的结构是

APPVIEW

- ＆gt;收藏（Todos）

- ＆gt;查看（Todo列表项目）

我想将新项目模板设为自己的视图

APPVIEW

- ＆gt;收藏（Todos）

- ＆gt;查看（Todo列表项目）

- ＆gt;查看（Todo：New Item）

我对这个视图如何将一些东西添加到集合中感到有点迷茫。 appview目前只是打电话。

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

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

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

Answer 1

当你知道要找什么时这么简单......

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

然后可以使用..

在视图中引用它

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