BackboneJS教學
BackboneJS環境設置
BackboneJS應用
BackboneJS事件
BackboneJS事件on
BackboneJS事件off
BackboneJS事件trigger
BackboneJS事件once
BackboneJS事件listenTo
BackboneJS事件stopListening
BackboneJS事件listenToOnce
BackboneJS模型
BackboneJS Model.extend()方法
BackboneJS Model.initialize()方法
BackboneJS Model.get()方法
BackboneJS Model.set()方法
BackboneJS model.escape()方法
BackboneJS model.has()方法
BackboneJS model.unset()方法
BackboneJS model.clear()方法
BackboneJS model.id屬性
BackboneJS model.idAttribute屬性
BackboneJS model.cid屬性
BackboneJS model.attributes屬性
BackboneJS model.changed
BackboneJS model.defaults
BackboneJS model.toJSON()方法
BackboneJS model.sync()方法
BackboneJS model.fetch()方法
BackboneJS model.save()方法
BackboneJS model.destroy()方法
BackboneJS model.validate()方法
BackboneJS model.validationError
BackboneJS model.isValid()方法
BackboneJS model.url()方法
BackboneJS model.urlRoot()方法
BackboneJS model.parse()方法
BackboneJS model.clone()方法
BackboneJS model.hasChanged()方法
BackboneJS model.isNew()方法
BackboneJS model.changedAttributes()方法
BackboneJS model.previous()方法
BackboneJS model.previousAttributes()方法
BackboneJS集合
BackboneJS Collection.extend()方法
BackboneJS Collection.model
BackboneJS 集合初始化
BackboneJS collection.models
BackboneJS collection.toJSON()方法
BackboneJS collection.sync()方法
BackboneJS collection.add()方法
BackboneJS collection.remove()方法
BackboneJS collection.reset()方法
BackboneJS collection.set()方法
BackboneJS collection.get(id)方法
BackboneJS collection.at()方法
BackboneJS collection.push()方法
BackboneJS collection.pop()方法
BackboneJS collection.unshift()方法
BackboneJS collection.shift()方法
BackboneJS collection.slice()方法
BackboneJS collection.length
BackboneJS collection.comparator屬性
BackboneJS collection.sort()函數
BackboneJS collection.pluck()方法
BackboneJS collection.where()方法
BackboneJS collection.findWhere()方法
BackboneJS collection.url()方法
BackboneJS collection.parse()方法
BackboneJS collection.clone()方法
BackboneJS collection.fetch()方法
BackboneJS collection.create()方法
BackboneJS路由
BackboneJS router.execute()方法
BackboneJS router.routes
BackboneJS Router初始化
BackboneJS router.navigate()方法
BackboneJS router.route()方法
BackboneJS Backbone.history.start()方法
BackboneJS同步
BackboneJS .sync()方法
BackboneJS Backbone.emulateHTTP
BackboneJS Backbone.emulateJSON
BackboneJS視圖
Backbone.View.extend()方法
BackboneJS視圖初始化
BackboneJS view.el
BackboneJS view.$el
BackboneJS view.setElement()方法
BackboneJS view.attributes
BackboneJS view.$(selector)方法
BackboneJS view.template(data)方法

BackboneJS集合

集合有序集合模型。我們只需要擴展backbone的集合類來創建自己的集合。被觸發在集合的模型中的任何事件也將被收集直接觸發。這可以讓你監聽到一個集合任何模型特定屬性的更改。

下表列出了所有可以用來操縱BackboneJS集合的方法:

S.N.

方法 & 描述

1

extend
擴展backbone的集合類來創建一個自己的集合。

2

model
指定模型類,需要重寫的集合類的模型屬性。

3

initialize
當創建模型實例,它是通過定義初始化函數創建集合時調用。

4

models
這些集合的裏面創建的模型數組。

5

toJSON
返回模型使用JSON格式在集合的屬性的副本。

6

sync
它表示模型的狀態,並使用Backbone.sync來顯示集合的狀態。

7

add
模型或模型陣列添加到集合。

8

remove
從集合刪除一個模型或模式陣列。

9

reset
它重置集合並用的新模型填充數組或將清空整個集合。

10

set
它是用來設置一個模型項的更新集合。如果發現任何新的模型,該項目將被添加到該模型。

11

get
通過使用ID或CID來檢索的集合的模型。

12

at
通過使用指定的索引檢索集合模型。

13

push
它類似於add()方法它需要的模型數組並推到模型到集合中。

14

pop
它類似於remove()方法,它需要的模型陣列,並從集合中刪除模型。

15

unshift
添加指定的模型在集合開始的位置。

16

shift
它從集合中刪除的第一個項目。

17

slice
顯示從集合模型元素的淺拷貝。

18

length
計算的集合中模型的數目。

19

comparator
將集合中的項目進行比較排序。

20

sort
排序集合中的項目和使用比較性,以對項目進行排序。

21

pluck
從集合中檢索模型的屬性。

22

where
用於通過使用集合中的匹配屬性來顯示模型。

23

findWhere
它返回模式,即在集合中指定的屬性相匹配。

24

url
它創建集合的一個實例,返回所在資源的位置。

25

parse
通過將通過響應對象返回集合的數據並且表示JSON格式的數據。

26

clone
它返回指定對象的淺拷貝。

27

fetch
它使用該同步方法的模型集合提取數據。

28

create
它創建的模型集合中的新實例。

下劃線方法

要使用Backbone.Collection在Underscore.js方法,詳見下表。

S.N.

方法 & 描述

1

_.each(list, iteratee, [context])
使用iteratee函數迭代集合中每個元素。

2

_.map(list, iteratee, [context])
映射每個值,並在使用iteratee函數值的新數組顯示出來。

3

_.reduce(list, iteratee, memo, [context])
減少值列表分爲單值,它也被稱爲 inject 和 foldl

4

_.reduceRight(list, iteratee, memo, [context])
這是減少右關聯的版本。

5

_.find(list, predicate, [context])
找到的每個值,並返回第一個通過它謂語或測試。

6

_.filter(list, predicate, [context])
過濾每個值和返回值的陣列,通過謂語或測試。

7

_.reject(list, predicate, [context])
返回其不通過該預測值的列表中被拒絕的元素。

8

_.every(list, predicate, [context])
返回true,如果列表中的元傳遞預測值。

9

_.some(list, predicate, [context])
返回true,如果列表中的元素傳遞預測值。

10

_.contains(list, value, [fromIndex])
返回true,如果有出現在列表值。

11

_.invoke(list, methodName, *arguments)
列表中的每個值,使用methodName()方法調用方法名稱。

12

_.max(list, [iteratee], [context])
指定列表中的最大值。

13

_.min(list, [iteratee], [context])
指定列表中的最小值。

14

_.sortBy(list, [iteratee], [context])
利用iteratee列表中返回以升序排序的元素。

15

_.groupBy(list, [iteratee], [context])
把集合分到值集,在列表中使用迭代器分組。

16

_.shuffle(list)
返回列表的混洗副本。

17

_.toArray(list)
定義列表的數組。

18

_.size(list)
定義列表中的值的數目。

19

_.first(array, [n])
指定列表中的數組的第一個元素。

20

_.initial(array, [n])
返回一切,指定數組的列表中的最後一個條目。

21

_.last(array, [n])
它指定列表中的數組的最後一個元素。

22

_.rest(array, [index])
定義數組中元素的其餘部分。

23

_.without(array, *values)
它返回在列表中刪除所有實例的值。

24

_.indexOf(array, value, [isSorted])
如果找到了在指定索引的值則返回這個值或返回-1,如果沒有找到。

25

_.indexOf(array, value, [fromIndex])
返回最後一次出現在陣列中的值或返回-1,如果沒有找到。

26

_.isEmpty(object)
如果在列表中沒有值則返回TRUE。

27

_.chain(obj)
返回一個包裝對象。