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");
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,915評論 18 139
  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關的語法,內部類的語法,繼承相關的語法,異常的語法,線程的語...
    子非魚_t_閱讀 31,765評論 18 399
  • 寫在前面自開始在公司實習以來,經常都要用到集合框架。不僅后臺要用,在前臺做數據交互的時候用得也多。所以我想著是時候...
    EakonZhao閱讀 3,290評論 0 12
  • 集合框架體系概述 為什么出現集合類?方便多個對象的操作,就對對象進行存儲,集合就是存儲對象最常用的一種方法. 數組...
    acc8226閱讀 791評論 0 1
  • 今天我們討論買房的事情,老公說:只要孩子考全校第一,你想在買哪兒買就在哪兒買。 我暈,哪個父母不希望自己的孩子考出...
    一只奔跑的蝸牛閱讀 927評論 0 5