1. 程式人生 > >Backbone的model學習筆記二

Backbone的model學習筆記二

html的模板同此文

http://blog.csdn.net/lsq_401/article/details/51024478

1、backbone的監聽事件

var People = Backbone.Model.extend({  
        initialize: function(){  
            //alert('我已經被建立!'); 
          this.bind("change:name",function(){  
                var name = this.get("name");  
                alert("你改變了name的值:" + name);    
            });  
        },  
         defaults: {  
            name:'小明',  
            age: '10'  
        },  
    });  
var people = new People(); 
people.set({name:'小米'}); 
執行上述程式碼將會彈出提示:你改變了name的值:小米

這段程式碼是給people物件中的屬性name綁定了一個change事件,只要改變它的值,就會觸發該事件。

2、為物件中的屬性新增驗證規則,並且給出錯誤提示

var People = Backbone.Model.extend({  
        initialize: function(){  
            //alert('我已經被建立!'); 
          this.bind("invalid",function(model,error){  
                alert(error);  
            });  
        },  
       defaults: {  
            name:'小明',  
            age: '10'  
        },  
        validate:function(attributes){  
            if(attributes.name === '') {  
                return "name不能為空!";  
            }  
        },  
    });  
var people = new People(); 
people.set({name:''},{validate: true}); 
執行上述程式碼將會彈出提示:name不能為空!

PS:如果set不加{validate: true},改驗證不會執行。