Backbone.js事件觸發器

Question

如何將更改事件綁定到視圖模型以更改名稱並在視圖塊中顯示更改的名稱。

Student = Backbone.Model.extend({ 
    initialize: function(){ 
     this.on("change:name", function(model){ 
      var name = model.get("name"); 
      alert("Changed my name to " + name); 
     }); 
    } 
}); 

var pe = new Student({ name: "sinduja", age: 20}); 
pe.set({name: 'shalini'}); 

Answer 1

我以前寫我自己的自定義工具和反應雙向模型/視圖的變化，這是一個有點痛維護。然後我找到了插件Backbone.ModelBinder。

它使你想要達到愚蠢的容易。在github自述頁面上有一些很好的例子，我將它與你聯繫起來，所以我沒有給予任何意見！如果起初看起來有點混亂，我會說盡力讓它工作，因爲從長遠來看，這個插件將爲您節省無數個小時，就像它對我來說一樣。

Answer 2

不支持在model.set上自動觸發更改事件嗎？

您只需將您的視圖註冊到更改事件。

Student = Backbone.Model.extend({ 
    initialize: function(){ 
     //initialize variables 
    } 
}); 

StudentView = Backbone.View.extend({ 
    initialize: function(model) { 
     _.bindAll(this); 
     model.on("change:name",this.nameChanged) 
    }, 
    nameChanged: function(evt) { 
     console.log("name changed", evt) 
    } 

}) 

用法：

var pe = new Student({ name: "sinduja", age: 20}); 
var sv = new StudentView(pe); 
pe.set({name: 'shalini'});