为什么Collection.fetch（）不更新视图？

我对Rails TodoList应用程序有以下看法。没有javascript错误。我甚至可以通过.fetch（）方法看到/ todos的GET请求。问题是，没有调用addOne函数，因此没有视图更新。为什么Collection.fetch（）不更新视图？

$(function(){ 
Todos = new TodoList.Collections.Todos; 
TodoList.Views.TodoView = Backbone.View.extend({ 
    tagName: "li", 
    events: {}, 
    initialize: function(){}, 
    template: _.template('<li> {{task }}</li>'), 
    render: function(){ 
     var todo = this.model.toJSON(); 
     //return this.template(todo); 
     return "blah"; 
    } 
}); 

TodoView = TodoList.Views.TodoView; 

TodoList.Views.AppView = Backbone.View.extend({ 
    el: $("#todo_app"), 
    events: { 
     "submit form#new_todo": "createTodo" 
    }, 
    initialize: function(){ 
     _.bindAll(this, 'addOne', 'addAll','render'); 
     Todos.bind("add", this.addOne); 
     Todos.bind("refresh", this.addAll); 
     Todos.bind("all", this.render); 
     Todos.fetch(); 
    }, 

    addOne: function(todo){ 
     var view = new TodoView({model: todo}); 
     this.$("#todo_list").append(view.render().el); 
     alert("here"); 
    }, 

    addAll: function(){ 
     Todos.each(this.addone); 
    }, 

    newAttributes: function(event){ 
     var new_todo_form = $(event.currentTarget).serializeObject(); 
     return { 
      dog: { 
       name: new_todo_form["todo[task]"], 
       age: new_todo_form["todo[done]"] 
      } 
     }; 
    }, 

    createTodo: function (e){ 
     e.preventDefault(); 
     var params = this.newAttributes(e); 
     Dogs.create(params); 
    } 
}); 
});

而且，我试图调用它使用

this.addOne({task: "blah", done:"true"});

在初始化函数手动。这会抛出javascript错误，说JSON函数是未定义的。

来源

2012-06-21 Apoorv Parijat

我相信事件已更名为'reset'。所以试试这个'Todos.bind（“reset”，this.addAll）;' – Deeptechtons

啊..救了我的一天。礼炮。 –

我认为你犯了一个错字，并写了refresh而不是reset。本次活动是reset，所以你必须替换此行：

Todos.bind("refresh", this.addAll);

有：

Todos.bind("reset", this.addAll);

来源

2012-09-18 15:59:39

不完全是一个错字，刷新'在Backbone 0.5.0中被重命名为'reset' http://backbonejs.org/#changelog – nikoshr

为什么Collection.fetch（）不更新视图？

回答

相关问题