<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../app-min.css">
</head>
<body>
<a href="#actions">testActions</a>
<a href="#/posts/120">Post 120</a>
<a href="#/download/user/images/hey.gif">download gif</a>
<a href="#/dashboard/graph">Load Route/Action View</a>
<script src="../../jquery/jquery-1.10.2.js"></script>
<script src="../underscore.js"></script>
<script src="../backbone.js"></script>
<script>
var AppRouter = Backbone.Router.extend({
routes: {
"posts/:id": "getPost",
"download/*path": "downloadFile",
":route/:action": "loadView",
"*actions": "defaultRoute"
},
getPost: function(id) {
console.log(id)
},
defaultRoute: function(actions) {
console.log(actions)
},
downloadFile: function(path) {
console.log(path)
},
loadView: function(route, action) {
console.log(route + '_' + action)
app_router.navigate("/posts/" + 404, {trigger: true, replace: true})
}
})
var app_router = new AppRouter
Backbone.history.start()
</script>
<article class="content">
<pre>var AppRouter = Backbone.Router.extend({
routes: {
"posts/:id": "getPost",
"download/*path": "downloadFile",
":route/:action": "loadView",
"*actions": "defaultRoute"
},
getPost: function(id) {
console.log(id)
},
defaultRoute: function(actions) {
console.log(actions)
},
downloadFile: function(path) {
console.log(path)
},
loadView: function(route, action) {
console.log(route + '_' + action)
app_router.navigate("/posts/" + 404, {trigger: true, replace: true})
}
})
var app_router = new AppRouter
Backbone.history.start()</pre>
</article>
</body>
</html>