首页 > 代码库 > backbonejs中的模型篇(三)

backbonejs中的模型篇(三)

一:在模型中使用嵌套属性

 Backbone的扩展插件 Backbone-Nested下载并添加引用

1:定义一个新的模型对象,使用Backbone.NestedModel作为其基类对象

   var _model = Backbone.NestedModel.extend({...})                    var testObj = new _model()

2: 使用‘.‘操作符来获取或设置嵌套属性值

  testObj.set({ name.title: Mr., name.alias:test02})  testObj.set({    name:{      first:joan,                   last: Smith,           middle:{             initial:P,             full:Peter           }    }      })    
testObj.get(name.middle.full)  //PetertestObj.get(name.title)   // Mr.testObj.get(name.middle)    //{initial:‘P‘,‘full‘:‘Peter‘}

3:嵌套的属性数组

//设置属性数组testObj.set({   addresses:[       {city:shanghai, state:sh}       {city:changsha, state:hn}    ] })//或者使用.{}来设置数组里面的属性值testObj.set({addresses[1].state:hunan})//获取属性数组testObj.get(addresses[0].state)   //sh    

Backbone-Nested也重写了get(),set(),has(),toJSON方法,还提供了新的add(),remove()方法

如:add方法添加一个新元素到数组

testObj.add(‘addresses‘,{city:‘yueyang‘,state:‘hunan‘})

remove方法删除一个新元素         testObj.remove(‘addresses[1]‘)

4:为事件change绑定回调函数

testObj.bind(‘change:addresses[0].city‘, function(model,value){

  console.log(value);            //当addresses[0].city 发生改变时, 输出新的值

})

testObj.set(‘addresses[0].city‘,‘xx‘)   //触发绑定事件