Kendo: Router with three views

by mgs_jsfiddle

HTML

<script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.all.min.js"></script>
<div>
    <a href="#/">ROOT</a>
    <a href="#/p1">PAGE-1</a>
    <a href="#/p2">PAGE-2</a>
</div>
<div id="app">
</div>

CSS

a {
    display: inline-block;
    padding: 4px;
    border: 1px solid #d0d0d0;
    color: #000000;
    text-decoration: none;
}

JavaScript

var router = new kendo.Router();
router.route("/", function() { 
    var view = new kendo.View("<p>This is the root</p>");
    view.render("#app");
});
router.route("/p1", function() { 
    var view = new kendo.View("<p>This is page 1</p>");
    view.render("#app");
});
router.route("/p2", function() { 
    var view = new kendo.View("<p>This is page 2</p>");
    view.render("#app");
});
router.start();