Backbone.js浅析(Backbone.Collection)

Collection是同一类Model的集合,比如Model是动物,Collection就是动物园;Model是单个的人,Collection就是一家公司。

var Song = Backbone.Model.extend({});
var Album = Backbone.Collection.extend({
    model: Song
});

上面代码中,Song是Model,Album是Collection,而且Album有一个model属性等于Song,因此表明Album是Song的集合。
add方法,remove方法
Model的实例可以直接放入Collection的实例,也可以用add方法添加。

var song1 = new Song({
    id: 1 ,
    name: "歌名1",
    artist: "张三" 
});
var song2 = new Music ({
    id: 2,name: "歌名2",
    artist: "李四" 
});
var myAlbum = new Album([song1, song2]);
var song3 = new Music({ 
    id: 3, 
    name: "歌名3",
    artist:"赵五"
});
myAlbum.add(song3);

remove方法用于从Collection实例中移除一个Model实例。

myAlbum.remove(1);

上面代码表明,remove方法的参数是model实例的id属性。
get方法,set方法
get方法用于从Collection中获取指定id的Model实例。

myAlbum.get(2)

fetch方法
fetch方法用于从服务器取出Collection数据。

var songs = new Backbone.Collection;
songs.url = '/songs';songs.fetch();

Backbone.events

var obj = {};
_.extend(obj, Backbone.Events);
obj.on("show-message", function(msg) {
    $('#display').text(msg);
});
obj.trigger("show-message", "Hello World");
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,838评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 32,493评论 18 399
  • 写在前面自开始在公司实习以来,经常都要用到集合框架。不仅后台要用,在前台做数据交互的时候用得也多。所以我想着是时候...
    EakonZhao阅读 8,501评论 0 12
  • 集合框架体系概述 为什么出现集合类?方便多个对象的操作,就对对象进行存储,集合就是存储对象最常用的一种方法. 数组...
    acc8226阅读 4,280评论 0 1
  • 今天我们讨论买房的事情,老公说:只要孩子考全校第一,你想在买哪儿买就在哪儿买。 我晕,哪个父母不希望自己的孩子考出...
    一只奔跑的蜗牛阅读 4,565评论 0 5

友情链接更多精彩内容