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視圖

視圖是用來反映「你的數據模型看起來是怎麼樣的」。 層現模型數據給用戶。它們所提供模型的數據呈現給用戶, 它處理用戶輸入事件,綁定事件和方法,使模型或集合與用戶交互。

下表列出可用於操縱BackboneJS-視圖的方法:

S.N.

方法 & 描述

1

extend
擴展Backbone.View類來創建一個自定義的視圖類

2

initialize
使用new關鍵字實例化視圖

3

el
定義元素用作視圖參考

4

$el
代表jQuery對象的視圖元素

5

setElement
指定現有的DOM元素到不同的DOM元素

6

attributes
可以被用來作爲DOM元素上視圖類屬性

7

$(jQuery)
被用作選擇器,其包含$函數和運行視圖的元素中的查詢

8

template
渲染視圖,模板創建標記的可重複使用副本,並提供了訪問實例數據

9

render
包含用於呈現模板的邏輯

10

remove
移除DOM的一個視圖

11

delegateEvents
元素綁定到指定的DOM元素的回調方法用來處理事件

12

undelegateEvents
將刪除從委託的視圖事件