zoukankan      html  css  js  c++  java
  • Backbone学习笔记

    2 Model

    在Backbone中,Model用于存储核心数据,可以将数据交互相关的逻辑代码放在这里。基本形式如下:

    var Human = Backbone.Model.extend({
        initialize: function(){
            alert("Welcome to this world");
        }
    });
    
    var human = new Human();

    设置属性(两种形式)

    var human = new Human({ name: "Thomas", age: 67});
    
    // or we can set afterwards, these operations are equivalent
    var human = new Human();
    human.set({ name: "Thomas", age: 67});

    获得属性值

    var name = human.get("name"); // "Thomas"

    设置默认属性(Defaults)

    var Human = Backbone.Model.extend({
      defaults: {
        name: 'Fetus',
        age: 0,
        child: ''
      },
      initialize: function(){
        alert("Welcome to this world");
      }
    });

    设置额外的函数修改属性

    var Human = Backbone.Model.extend({
      defaults: {
        name: 'Fetus',
        age: 0,
        child: ''
      },
      initialize: function(){
        alert("Welcome to this world");
      },
      adopt: function( newChildsName ){
        this.set({ child: newChildsName });
      }
    });
    
    var human = new Human({ name: "Thomas", age: 67, child: 'Ryan'});
    human.adopt('John Resig');
    var child = human.get("child"); // 'John Resig'

    监听某个值的变化

    var Human = Backbone.Model.extend({
      defaults: {
        name: 'Fetus',
        age: 0
      },
      initialize: function(){
        alert("Welcome to this world");
        this.on("change:name", function(model){
          var name = model.get("name"); // 'Stewie Griffin'
          alert("Changed my name to " + name );
        });
      }
    });
    
    var human = new Human({ name: "Thomas", age: 67});
    human.set({name: 'Stewie Griffin'}); // This triggers a change and will alert()
  • 相关阅读:
    Quartz.net
    Perfview 分析进程性能
    windbg 分析cpu异常
    ansible-vault 教程
    ansible 自动化运维(2)
    简单生成随机测试数据
    基于 RabbitMQ-EasyNetQ 实现.NET与Go的消息调度交互
    自绘 TreeDataView 控件
    C# 创建音频WAVE文件头信息(*.wav)
    C# GOF 23种设计模式 学习Log【更新中】
  • 原文地址:https://www.cnblogs.com/dawn/p/5033184.html
Copyright © 2011-2022 走看看