Attach Methods to Data Items in the TreeView
Environment
Product | Progress® Kendo UI® TreeView for jQuery |
Operating System | Windows 10 64bit |
Visual Studio Version | Visual Studio 2017 |
Preferred Language | JavaScript |
Description
How can I attach methods to data items at different levels and then use them in a template in the Kendo UI for jQuery TreeView?
Solution
The following example demonstrates how to achieve the desired scenario.
<div id="treeview"></div>
<script>
var SubCategory = {
displayName: function() {
return this.SubCategoryName;
}
};
var Category = {
displayName: function() {
return this.CategoryName;
},
children: {
schema: {
data: "subcategories",
model: SubCategory
}
}
};
$("#treeview").kendoTreeView({
template: "#: item.displayName() #",
dataSource: {
data: [
{ CategoryName: "Reds", status: "online", subcategories: [
{ SubCategoryName: "Yellow" },
{ SubCategoryName: "Orange" },
{ SubCategoryName: "Red" }
] },
{ CategoryName: "Blues", status: "offline", subcategories: [
{ SubCategoryName: "Green" },
{ SubCategoryName: "Turquose" },
{ SubCategoryName: "Blue" }
] }
],
schema: {
model: Category
}
}
});
</script>