backbonejs中的模型篇(三）

浏览数：34 / 时间：2015年06月09日

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

 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‘)  //Peter
testObj.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‘)   //触发绑定事件

 

backbonejs中的模型篇(三）,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 使用 方法 log js ha res class style 使用 方法 log js ha res

相关文章

随机文章

您可能还喜欢

您可能还喜欢