Menu PHP Class Overview
The Kendo UI Menu for PHP is a server-side wrapper for the Kendo UI Menu widget.
Getting Started
Configuration
Below are listed the steps for you to follow when configuring the Kendo UI Menu for PHP.
Step 1 Make sure you followed all the steps from the introductory article on Telerik UI for PHP—include the autoloader, JavaScript, and CSS files.
Step 2 Create a Menu and set its items.
<?php
$menu = new \Kendo\UI\Menu('menu');
$item1 = new \Kendo\UI\MenuItem();
$item1->text("Item 1")
->startContent();
?>
First Item Static Content
<?php
$item1->endContent();
$item2 = new \Kendo\UI\MenuItem();
$item2->text("Item 2")
->startContent();
?>
Second Item Static Content
<?php
$item2->endContent();
$menu.addItem($item1, $item2);
?>
Step 3 Output the Menu by echoing the result of the render
method.
<?php
echo $menu->render();
?>
Event Handling
You can subscribe to all Menu events.
Specify Function Names
The example below demonstrates how to subscribe for events by specifying a JavaScript function name.
<?php
$menu = new \Kendo\UI\Menu('menu');
// The 'menu_select' JavaScript function will handle the 'select' event of the menu
$menu->expand('menu_select');
echo $menu->render();
?>
<script>
function menu_select() {
// Handle the select event
}
</script>
Provide Inline Code
The example below demonstrates how to subscribe to events by providing inline JavaScript code.
<?php
$menu = new \Kendo\UI\Menu('menu');
// Provide inline JavaScript code that will handle the 'select' event of the menu
$menu->select('function() { /* Handle the select event */ }');
echo $menu->render();
?>
Attach to select Events of Single Menu Items
The following example demonstrates how to subscribe to the select
event of a single Menu item.
<?php
$menu = new \Kendo\UI\Menu('menu');
$item1 = new \Kendo\UI\MenuItem('item 1');
$item1->select("alert('select');");
$menu->addItem($item1);
echo $menu->render();
?>
Reference
Client-Side Instances
You are able to reference an existing Menu instance via the jQuery.data()
. Once a reference is established, use the Menu API to control its behavior.
<?php
$menu = new \Kendo\UI\Menu('menu');
echo $menu->render();
?>
<script>
$(function() {
// The constructor parameter is used as the 'id' HTML attribute of the menu
var menu = $("#menu").data("kendoMenu");
});
</script>