return $item;
}
$site = TreeViewItem('My Web Site', 'folder');
$images = TreeViewItem('images', 'folder');
$images->expanded(true);
$images->addItem(TreeViewItem('logo.png', 'image'))->addItem(TreeViewItem('body-back.png', 'image'))->addItem(TreeViewItem('my-photo.jpg', 'image'));
$pdfs = TreeViewItem('pdf', 'folder');
$pdfs->expanded(true);
$pdfs->addItem(TreeViewItem('brochure.pdf', 'pdf'))->addItem(TreeViewItem('prices.pdf', 'pdf'));
$resources = TreeViewItem('resources', 'folder');
$resources->expanded(true);
$resources->addItem($pdfs)->addItem(TreeViewItem('zip', 'folder'));
$site->expanded(true);
$site->addItem($images)->addItem($resources)->addItem(TreeViewItem('about.html', 'html'))->addItem(TreeViewItem('contacts.html', 'html'))->addItem(TreeViewItem('index.html', 'html'))->addItem(TreeViewItem('portfolio.html', 'html'));
$treeview->addItem($site);
echo $treeview->render();
?>
</div>
<style scoped>
.demo-section {
width: 200px;
}
#treeview .k-sprite {
background-image: url("../content/web/treeview/coloricons-sprite.png");
}
.rootfolder { background-position: 0 0; }
.folder { background-position: 0 -16px; }
.pdf { background-position: 0 -32px; }
echo $treeviewLeft->render();
?>
</div>
<div class="demo-section">
<strong>Inline data</strong>
<?php
$model = new \Kendo\Data\HierarchicalDataSourceSchemaModel();
$model->children("subCategories");
$schema = new \Kendo\Data\HierarchicalDataSourceSchema();
$schema->model($model);
$inline = new \Kendo\Data\HierarchicalDataSource();
$inline->schema($schema)->data(array(array('categoryName' => 'Storage', 'subCategories' => array(array('subCategoryName' => 'Wall Shelving'), array('subCategoryName' => 'Floor Shelving'), array('subCategoryName' => 'Kids Storage'))), array('categoryName' => 'Lights', 'subCategories' => array(array('subCategoryName' => 'Ceiling'), array('subCategoryName' => 'Table'), array('subCategoryName' => 'Floor')))));
$treeviewRight = new \Kendo\UI\TreeView('treeview-right');
$treeviewRight->dataSource($inline)->dataTextField(array('categoryName', 'subCategoryName'));
echo $treeviewRight->render();
?>
</div>
<style scoped>
#example {
text-align: center;
}
.demo-section {
display: inline-block;
vertical-align: top;
width: 220px;
text-align: left;
margin: 0 2em;
