TreeView PHP Class Overview
The Kendo UI TreeView for PHP is a server-side wrapper for the Kendo UI TreeView widget.
The TreeView is part of Telerik UI for PHP, a
professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Getting Started
Configuration
Below are listed the steps for you to follow when configuring the Kendo UI TreeView.
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 TreeView, configure its items.
<?php
$treeview = new \Kendo\UI\TreeView('treeview');
$root = new \Kendo\UI\TreeViewItem('Root');
$root->expanded(true);
$child = new \Kendo\UI\TreeViewItem('Child');
$root->addItem($child);
$treeview->addItem($root);
?>
Step 3 Output the TreeView by echoing the result of the render
method.
<?php
echo $treeview->render();
?>
Event Handling
You can subscribe to all TreeView events.
Specify Function Names
The example below demonstrates how to subscribe for events by specifying a JavaScript function name.
<?php
$treeview = new \Kendo\UI\TreeView('treeview');
// The 'treeview_collapse' JavaScript function will handle the 'treeview_collapse' event of the treeview
$treeview->collapse('treeview_collapse');
echo $treeview->render();
?>
<script>
function treeview_collapse() {
// Handle the collapse event
}
</script>
Provide Inline Code
The example below demonstrates how to provide inline JavaScript code.
<?php
$treeview = new \Kendo\UI\TreeView('treeview');
// Provide inline JavaScript code that will handle the 'collapse' event of the treeview
$treeview->collapse('function() { /* Handle the collapse event */ }');
echo $treeview->render();
?>
Reference
Client-Side Instances
You can reference the client-side Kendo UI TreeView instance via jQuery.data()
. Once a reference is established, use the TreeView API to control its behavior.
<?php
$treeview = new \Kendo\UI\TreeView('treeview');
echo $treeview->render();
?>
<script>
$(function() {
// The constructor parameter is used as the 'id' HTML attribute of the treeview
var treeview = $("#treeview").data("kendoTreeView")
});
</script>