zoukankan      html  css  js  c++  java
  • 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')  //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')   //触发绑定事件

  • 相关阅读:
    Codeforces Round #370 (Div. 2)
    Codeforces Round #425 (Div. 2)
    变量调节器
    Smarty基础
    流程
    iframe 内联框架
    权限:改变权限
    权限:查找
    html 框架
    Jcrop+uploadify+php实现上传头像预览裁剪
  • 原文地址:https://www.cnblogs.com/Joans/p/3914958.html
Copyright © 2011-2022 走看看