1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
// Filename: router.js
define([
'jquery',
'underscore',
'backbone'
], function($, _, Backbone ){
var AppRouter = Backbone.Router.extend({
routes: {
// Define some URL routes
'projects': 'showProjects',
'users': 'showUsers',
// Default
'*actions': 'defaultAction'
}
});
var initialize = function(){
var app_router = new AppRouter;
app_router.on('route:showProjects', function(){
require(['views/projects/list'], function(ProjectListView) {
// Call render on the module we loaded in via the dependency array
// 'views/projects/list'
var projectListView = new ProjectListView();
projectListView.render();
})
});
app_router.on('route:showUsers', function () {
require(['views/users/list'], function(UserListView) {
// As above, call render on our loaded module
// 'views/users/list'
var userListView = new UserListView();
userListView.render();
});
});
app_router.on('route:defaultAction', function (actions) {
require(['views/home/main'], function(MainHomeView) {
// We have no matching route, lets display the home page
var mainHomeView = new MainHomeView();
mainHomeView.render();
});
});
Backbone.history.start();
};
return {
initialize: initialize
};
});
|