Kendo UI

PanelBar TreeView dynamic

by bundyo

HTML

<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<link type="text/css" rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.common.min.css" />
<link type="text/css" rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.blueopal.min.css" />
<ul id="FormBar"></ul>

CSS

html { font: 12px Arial, Helvetica, sans-serif; }

JavaScript

var panel = $("#FormBar")
                .kendoPanelBar({ dataSource: [ { text: "test", content: "Test" } ] })
                .data("kendoPanelBar");

panel.append({ 
    text: "Content", 
    content: "<ul id='tree'><li>Test 1<ul><li>SubTest 1</li><li>SubTest 2</li></ul></li><li>Test 2</li><li>Test 3</li></ul>" 
});

$("#tree").kendoTreeView();