博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Backbone Collection 学习笔记
阅读量:5175 次
发布时间:2019-06-13

本文共 1716 字,大约阅读时间需要 5 分钟。

Backbone.Collection   集合

集合是模型的有序组合,我们可以在集合上绑定change 事件,也可以监听add和remove事件,   从服务器更新,并使用Unserscore.js 提供的方法

集合中的模型触发的任何事件都可以在集合身上触发,可以监听集合中模型的变化

Documents.bind("change:selected",)        

extend Backbone.Collection.extend(properties,[classProperties])

生成一个collection类。实例属性参数properties以及类属性参数classProperties  会被直接注册到集合的构造函数

model collection.model  

指定集合的模型类。可以传入 原始属性对象(和数组)   add .create   以及reset ,传入的属性会被自动转换为适合的模型类型

var Library = Backbone.Collection.extend({

  model:Book

});

constructor/initialize   new Collection([models],[option])

创建集合时,可以传入初始的模型数组。集合的comparator 函数也可以做为选项传入。如果定义了initialize函数,会在集合创建时调用 

var tabs = new TabSet([tab1,tab2,tab3]);

models   collection.models

集合中模型的原始值,通常我们使用get ,at     也可直接访问

toJSON  collection.toJSON()

返回集合中包含的每个模型对象的数组。

var collection = new Backbone.Collection(

[

{name:"Tim",age:5},

{name:"Ysw",age:2},

]

);

 

alert(JSON.stringify(collection));

Underscore  方法

Backbone 代理了Underscore.js ,   提供了26个迭代函数.

Books.each(function(book){

  book.publish();

});

var titles = Books.filter(function(book){

  return book.get("published") === true;

})

var alphabetical = Books.sortBy(function(book) {  return book.author.get("name").toLowerCase();});
 
add方法    collection.add(models,[option])
向集合中增加模型,会触发add事件,可以传入{silent:true}关闭。如果定义了模型属性,也可以传入 原始的属性对象让其看顾起来像一个模型实例。  传入{at:index}设置插入位置
var ships = new Backbone.Collection;
ships.bind("add",function(ship){
  alert("Ahoy " + ship.get("name")  + "!");
});
ships.add([
  {name: "Flying Qutchman"},
  {name: "Black Pearl"}
]);

remove  collection.remove(models,[option])

从模型中删除模型(或模型数组)。触发remove事件

get collection.get(id)

从集合中返回id为  id的模型

at  collection.at(index)

返回集合中指定索引的模型对象。

getByCid   collection.getByCid(id)

转载于:https://www.cnblogs.com/yushunwu/archive/2011/12/20/2295043.html

你可能感兴趣的文章
bootStrap实现垂直居中 - bootStrap技巧
查看>>
C#实现局域网文件传输
查看>>
VS2005和VS2008快捷键大全(转)
查看>>
【转】C#根据经纬度请求返回坐标实际地址
查看>>
用JS去掉第一个字符和最后一个字符
查看>>
使用“DiskGenius”精确隐藏硬盘坏道
查看>>
使用PullToRefresh实现下拉刷新和上拉加载
查看>>
网页选项卡的介绍
查看>>
作品第一课----循环改变DIV颜色
查看>>
6、装饰模式
查看>>
Tomcat入门级小白教程
查看>>
CodeForces - 5C Longest Regular Bracket Sequence
查看>>
iPhone开发之 UIAlertView
查看>>
Uva 10635 - Prince and Princess LCS/LIS
查看>>
将子节点的所有父节点ID合并成一个字符串,并更新表
查看>>
Windows 8下任何Windows Store App无法运行(闪退)的解决方案
查看>>
IOS_后台定时器
查看>>
6.初识java异常
查看>>
来来,咱也说说缓存与优化
查看>>
shell统计指定范围内的所有质数以及它们的和
查看>>