New to Kendo UI for jQuery? Start a free 30-day trial
Data Binding
Updated on Jun 9, 2025
As of the Kendo UI R2 2019 release, you can use the HierarchicalDataSource for binding components to data.
Binding to Local Data
The following example demonstrates how to create a Menu and bind it to a local data source.
html
<ul id="menu"></ul>
<script>
$(document).ready(function() {
$("#menu").kendoMenu({
dataSource: [
{
text: "Item 1",
expanded: true,
items: [
{ text: "Item 1.1" },
{ text: "Item 1.2" }
]
},
{ text: "Item 2" }
]
})
});
</script>Binding to Remote Data
The following example demonstrates how to create a Menu and bind it to a remote HierarchicalDataSource.
html
<ul id="menu"></ul>
<script>
$(document).ready(function() {
$("#menu").kendoMenu({
dataTextField: "FullName",
dataSource: {
transport: {
read: {
url: "https://demos.telerik.com/service/v2/core/Employees"
}
},
schema: {
model: {
id: "EmployeeId",
hasChildren: "HasEmployees"
}
}
}
})
});
</script>