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

时间:2013-02-08 11:39:25

标签: 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>

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('');
        }

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

1 个答案:

答案 0 :(得分:1)

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

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

然后可以使用..

在视图中引用它
this.collection.create({ title: 'Bonjour', order: 99, completed: false });