Backbone路由：routes案例及用法

Backbone路由：routes案例及用法

例子1

html:

	<ahref="#help/page1" class="link">#help/page1</a><br>

	<ahref="#download/javabookpath"class="link">#download/javabookpath</a>

	<ahref="#download/coffeescriptpath"class="link">#download/coffeescriptpath</a>

	<ahref="#folder/nodejs" class="link">#folder/nodejs</a>

	<ahref="#folder/foo-r" class="link">#folder/foo-r</a>

js:

varWorkspace = Backbone.Router.extend({

 routes: {

 "help/:page": "help", // #help/page1

 "download/*path": "download", // #download/javabookpath

"folder/:name": "of", // #folder/nodejs

//注意："folder/:name-:mode":"of" of执行方法将会被忽略，原因之前已存在该方

//法，即使有匹配"folder/:name-:mode"的url出现，也不会调用of方法！

"folder/:name-:mode":"openFolder" // #folder/foo-r

},

 help: function(page) {

 // #help/page1 -> page参数为：page1

 alert("page参数为："+ page);

 }

 ,of: function(name){

 alert(name);

 }

 ,download: function(){

 // #download/javabookpath - >"download"

 // #download/coffeescriptpath - >"download"

 alert("download");

 }

 ,openFolder: function(name, mode){

 // #folder/foo-r ->openFolder: name参数为 foo，mode参数为r

 alert("openFolder: name参数为"+ name + "，mode参数为"+ mode );

 }

});

varworkspace = new Workspace;

Backbone.history.start();

例子2

//等效于例子1

varoptions = {

 routes:{

 "help/:page": "help", // #help/page1

 "download/*path": "download", // #download/javabookpath

"folder/:name": "of", //#folder/nodejs

 "folder/:name-:mode":"openFolder" // #folder/foo-r

 }

};

varWorkspace = Backbone.Router.extend({

 help:function(page) {

 alert("page参数为："+ page);

 }

 ,of:function(name){

 alert(name);

 }

 ,download:function(){

 alert("download");

 }

 ,openFolder:function(name, mode){

 alert("openFolder: name参数为"+ name + "，mode参数为"+ mode );

 }

});

varworkspace = new Workspace(options);

Backbone.history.start();

本文来源 我爱IT技术网 http://www.52ij.com/jishu/4844.html 转载请保留链接。