<?php require_once '../include/header.php'; require_once '../lib/Kendo/Autoload.php'; ?> <?php $menu = new \Kendo\UI\Menu('menu'); $menu->attr('style', 'margin-bottom: 200px'); $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); $menu->select('onSelect')->open('onOpen')->close('onClose')->activate('onActivate')->deactivate('onDeactivate'); echo $menu->render(); ?> <script> function onOpen(e) { kendoConsole.log("Opened: " + $(e.item).children(".k-link").text());
<?php require_once '../include/header.php'; require_once '../lib/Kendo/Autoload.php'; ?> <?php $menu = new \Kendo\UI\Menu('verticalMenu'); $menu->orientation('vertical'); $menu->attr('style', 'width: 140px; margin-bottom: 30px'); $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(); ?> <?php $menu = new \Kendo\UI\Menu('horizontalMenu'); $first = new \Kendo\UI\MenuItem("First Item");
</li> <li> <input type="text" value="Item" id="appendText" class="k-textbox"/> <input type="text" value="0.0" id="appendIndex" class="k-textbox"/> <button class="appendItem k-button">Append</button> </li> <li> <input type="text" value="Item" id="beforeText" class="k-textbox"/> <input type="text" value="0" id="beforeIndex" class="k-textbox"/> <button class="beforeItem k-button">Before</button> </li> <li> <input type="text" value="Item" id="afterText" class="k-textbox"/> <input type="text" value="0" id="afterIndex" class="k-textbox"/> <button class="afterItem k-button">After</button> </li> </ul> </div> <?php $menu = new \Kendo\UI\Menu('menu'); $menu->attr('style', 'margin-right: 220px'); $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);