backbonejs中的模型篇(三)
2014-08-19 11:33
134 查看
一:在模型中使用嵌套属性
Backbone的扩展插件 Backbone-Nested下载并添加引用
1:定义一个新的模型对象,使用Backbone.NestedModel作为其基类对象
var _model = Backbone.NestedModel.extend({...}) var testObj = new _model()
2: 使用'.'操作符来获取或设置嵌套属性值
3:嵌套的属性数组
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') //触发绑定事件
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创建数据模型(Model)和设置默认属性&初始化方法
- backbonejs中的模型篇(一)
- backbonejs中的模型篇(二)
- 模型终于建出来了
- 深入剖析WTL——Win32模型
- 基于RBAC模型的权限管理系统的设计和实现
- Socket模型详解
- Leader/Follower多线程网络模型介绍
- 分布式哈希表(DHT)tair的核心模型
- 【Spring学习笔记-MVC-7】Spring MVC模型对象-模型属性讲解
- Lambert漫反射.BLinnPhong及Phong模型 Unity自带的在Lighting.cginc里
- 浏览器对象模型BOM之history对象
- C++ 中对象的内存模型
- OSG-简单模型控制
- [学习笔记]DP模型·路径长度之和
- 浅谈权限管理的对象模型和实现
- 通过对象模型上传List Template
- 企业持续集成成熟度模型简介之三——测试
- Oracle数据库性能模型
- 【技术】DIV+CSS两种盒子模型