$third->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4")); $menu->addItem($third); $fourth = new \Kendo\UI\MenuItem("Fourth Item"); $fourth->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4")); $menu->addItem($fourth); $fifth = new \Kendo\UI\MenuItem("Fifth Item"); $fifth->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4")); $menu->addItem($fifth); echo $menu->render(); ?> <?php $menu = new \Kendo\UI\Menu('horizontalMenu'); $first = new \Kendo\UI\MenuItem("First Item"); $first->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4")); $menu->addItem($first); $second = new \Kendo\UI\MenuItem("Second Item"); $second->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4")); $menu->addItem($second); $third = new \Kendo\UI\MenuItem("Third Item"); $third->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4")); $menu->addItem($third); $fourth = new \Kendo\UI\MenuItem("Fourth Item"); $fourth->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4")); $menu->addItem($fourth); $fifth = new \Kendo\UI\MenuItem("Fifth Item"); $fifth->addItem(new \Kendo\UI\MenuItem("Sub Item 1"), new \Kendo\UI\MenuItem("Sub Item 2"), new \Kendo\UI\MenuItem("Sub Item 3"), new \Kendo\UI\MenuItem("Sub Item 4")); $menu->addItem($fifth); echo $menu->render(); ?>
$sports = new \Kendo\UI\MenuItem('Sports Clothing'); $sports->addItem(new \Kendo\UI\MenuItem('Football'), new \Kendo\UI\MenuItem('Basketball'), new \Kendo\UI\MenuItem('Golf'), new \Kendo\UI\MenuItem('Tennis'), new \Kendo\UI\MenuItem('Swimwear')); $accessories = new \Kendo\UI\MenuItem('Accessories'); $item->addItem($footwear, $leisure, $sports, $accessories); } $mens = new \Kendo\UI\MenuItem('Men\'s'); $womens = new \Kendo\UI\MenuItem('Women\'s'); $boys = new \Kendo\UI\MenuItem('Boy\'s'); $girls = new \Kendo\UI\MenuItem('Girl\'s'); addSubCategories($mens); addSubCategories($womens); addSubCategories($boys); addSubCategories($girls); $footwear = new \Kendo\UI\MenuItem('Footwear'); $footwear->addItem(new \Kendo\UI\MenuItem('Men\'s'), new \Kendo\UI\MenuItem('Women\'s'), new \Kendo\UI\MenuItem('Junior\'s'), new \Kendo\UI\MenuItem('Children\'s')); $menu->addItem($mens, $womens, $boys, $girls, $footwear); echo $menu->render(); ?> <script> $(document).ready(function() { var original = $("#menu").clone(true); original.find(".k-state-active").removeClass("k-state-active"); $("#apply").click( function(e) { e.preventDefault(); var menu = $("#menu"), clone = original.clone(true); menu.data("kendoMenu").close($("#menu .k-link"));
</li> </ul> </div> <?php $menu = new \Kendo\UI\Menu('menu'); $menu->attr('style', 'margin-right: 220px'); $furniture = new \Kendo\UI\MenuItem('Furniture'); $furniture->addItem(new \Kendo\UI\MenuItem('Tables & Chairs'), new \Kendo\UI\MenuItem('Sofas'), new \Kendo\UI\MenuItem('Occasional Furniture'), new \Kendo\UI\MenuItem('Childerns Furniture'), new \Kendo\UI\MenuItem('Beds')); $decor = new \Kendo\UI\MenuItem('Decor'); $decor->addItem(new \Kendo\UI\MenuItem('Bed Linen'), new \Kendo\UI\MenuItem('Throws'), new \Kendo\UI\MenuItem('Curtains & Blinds'), new \Kendo\UI\MenuItem('Rugs'), new \Kendo\UI\MenuItem('Carpets')); $storage = new \Kendo\UI\MenuItem('Storage'); $storage->addItem(new \Kendo\UI\MenuItem('Wall Shelving'), new \Kendo\UI\MenuItem('Kids Storage'), new \Kendo\UI\MenuItem('Baskets'), new \Kendo\UI\MenuItem('Multimedia Storage'), new \Kendo\UI\MenuItem('Floor Shelving'), new \Kendo\UI\MenuItem('Toilet Roll Holders'), new \Kendo\UI\MenuItem('Storage Jars'), new \Kendo\UI\MenuItem('Drawers'), new \Kendo\UI\MenuItem('Boxes')); $lights = new \Kendo\UI\MenuItem('Lights'); $lights->addItem(new \Kendo\UI\MenuItem('Ceiling'), new \Kendo\UI\MenuItem('Table'), new \Kendo\UI\MenuItem('Floor'), new \Kendo\UI\MenuItem('Shades'), new \Kendo\UI\MenuItem('Wall Lights'), new \Kendo\UI\MenuItem('Spotlights'), new \Kendo\UI\MenuItem('Push Light'), new \Kendo\UI\MenuItem('String Lights')); $menu->addItem($furniture, $decor, $storage, $lights); echo $menu->render(); ?> <script> $(document).ready(function() { var original = $("#menu").clone(true); original.find(".k-state-active").removeClass("k-state-active"); $(".configuration input").change( function() { var menu = $("#menu"), clone = original.clone(true); menu.data("kendoMenu").close($("#menu .k-link"));
<?php $menu = new \Kendo\UI\Menu('menu'); $products = new \Kendo\UI\MenuItem('Products'); $furniture = new \Kendo\UI\MenuItem('Furniture'); $furniture->addItem(new \Kendo\UI\MenuItem('Tables & Chairs'), new \Kendo\UI\MenuItem('Sofas'), new \Kendo\UI\MenuItem('Occasional Furniture'), new \Kendo\UI\MenuItem('Childerns Furniture'), new \Kendo\UI\MenuItem('Beds')); $products->addItem($furniture); $decor = new \Kendo\UI\MenuItem('Decor'); $decor->addItem(new \Kendo\UI\MenuItem('Bed Linen'), new \Kendo\UI\MenuItem('Throws'), new \Kendo\UI\MenuItem('Curtains & Blinds'), new \Kendo\UI\MenuItem('Rugs'), new \Kendo\UI\MenuItem('Carpets')); $products->addItem($decor); $storage = new \Kendo\UI\MenuItem('Storage'); $storage->addItem(new \Kendo\UI\MenuItem('Wall Shelving'), new \Kendo\UI\MenuItem('Kids Storage'), new \Kendo\UI\MenuItem('Baskets'), new \Kendo\UI\MenuItem('Multimedia Storage'), new \Kendo\UI\MenuItem('Floor Shelving'), new \Kendo\UI\MenuItem('Toilet Roll Holders'), new \Kendo\UI\MenuItem('Storage Jars'), new \Kendo\UI\MenuItem('Drawers'), new \Kendo\UI\MenuItem('Boxes')); $products->addItem($storage); $lights = new \Kendo\UI\MenuItem('Lights'); $lights->addItem(new \Kendo\UI\MenuItem('Ceiling'), new \Kendo\UI\MenuItem('Table'), new \Kendo\UI\MenuItem('Floor'), new \Kendo\UI\MenuItem('Shades'), new \Kendo\UI\MenuItem('Wall Lights'), new \Kendo\UI\MenuItem('Spotlights'), new \Kendo\UI\MenuItem('Push Light'), new \Kendo\UI\MenuItem('String Lights')); $products->addItem($lights); $menu->addItem($products); $stores = new \Kendo\UI\MenuItem('Stores'); $stores->startContent(); ?> <div id="template" style="padding: 10px;"> <h2>Around the Globe</h2> <ol> <li>United States</li> <li>Europe</li> <li>Canada</li> <li>Australia</li> </ol> <img src="../content/web/menu/map.png" alt="Stores Around the Globe" /> <button class="k-button">See full list</button> </div> <?php