01 Backboneシリーズ
1693 ワード
Backboneおよび依存ライブラリ underscore zepto/jquery
Backboneの特性軽量級 MVC構造化 継承メカニズム サーバへのシームレスなリンクを確立する インタフェースイベント管理 イベントは、任意のイベント であってもよい要素は、jqueryを満たすセレクタ であってもよいの後に応答方法 がある.軽量テンプレート解析
Backboneの特性
Backbone.syncカスタマイズ可能
-
model.on('selfEvent',function(){}) -
model.off('selfEvent') -
model.trigger('selfEvent',val1,val2...) - ルータ
// view
events: {
'click [role=edit]':'add'
},
add: function () {}
// route
var CustomRouter = Backbone.Router.extend({
routes : {
'' : 'index', // URL Hash index ：url#
'list' : 'getList', // URL Hash list getList ：url#list
'detail/:id' : 'query', // URL Hash detail query ， detail query ：url#list/1001
'*error' : 'showError' // URL Hash , error
},
index : function() {
alert('index');
},
getList : function() {
alert('getList');
},
query : function(id) {
alert('query id: ' + id);
},
showError : function(error) {
alert('error hash: ' + error);
},
});
var custom = new CustomRouter();
Backbone.history.start();