Posted 02 May 2012 Link to this post
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
head
title
></
script
src
"kendoui.mobile.2012.1.406.commercial/js/jquery.min.js"
type
"text/javascript"
"kendoui.mobile.2012.1.406.commercial/js/kendo.mobile.min.js"
"kendoui.web.2012.1.322.commercial/js/kendo.panelbar.min.js"
link
href
"kendoui.web.2012.1.322.commercial/styles/kendo.common.min.css"
rel
"stylesheet"
"text/css"
/>
"kendoui.web.2012.1.322.commercial/styles/kendo.default.min.css"
"kendoui.mobile.2012.1.406.commercial/styles/kendo.mobile.all.min.css"
</
body
div
data-role
"view"
data-title
"Views"
header
"header"
"navbar"
span
"view-title"
a
data-align
"right"
"button"
class
"nav-button"
"#index"
>Index</
ul
id
"panelBar"
li
Item 1
>Sub Item 1</
>Sub Item 2</
Item 2
var app = new kendo.mobile.Application(document.body);
$(document).ready(function () {
$("#panelBar").kendoPanelBar();
});