Kendo UI Mobile base
HTML
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.mobile.all.min.css">
<div id="MainView" data-title="My Group List" data-role="view"
data-model="listModel" >
<div>Main View</div>
<div><a data-role="button" data-bind="click: navigateToSelected">Go to Selected view</a></div>
</div>
<div id="SelectedView" data-title="View Group" data-role="view"
data-model="selectedModel">
<div>Selected View</div>
<div><a data-role="button" data-bind="click: navigateToMain">Go to Main view</a></div>
</div>
JavaScript
var listModel = kendo.observable({
navigateToSelected: function(){
kendoMobileApp.navigate('#SelectedView');
}
});
var selectedModel = kendo.observable({
navigateToMain: function(){
kendoMobileApp.navigate('#MainView');
}
});
var kendoMobileApp = new kendo.mobile.Application();