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;