Kendo UI SPA + Router: SHOW ME TEH KITTEHS!

Kitteh Gallereh Router and selecting an image

by rydama

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<a href="#/case1?a=1000">No :id param with optional query params</a>

<br>
<br>
    
<a href="#/case2/1?a=1000">With an :id param with optional query params</a>

<br>
<br>
<div id="output"></div>

JavaScript

var router = new kendo.Router();

router.route("/case1(?:params)", function (dummy, params) {
    var message = "dummy = " + dummy + "<br>";
    message += "a = " + params.a + "<br>";
    $("#output").html(message);
});

router.route("/case2/:id", function (id, params) {
    var message = "id = " + id + "<br>";
    message += "a = " + params.a + "<br>";
    $("#output").html(message);
});


// start the router to handle the routes
router.start();