Hi, with angular Kendo 14++ we lost the Icon Class. But now how I can cutomize treeview custom drag template?
I whant to add the k-i-cancel icon on some specific node. In the pass I was using:
Then in the getDragStatus I can do the logic and push the correct icon in ngClass.
For now I remove the template because I lost all the other icon like (add, insert, ... )
Its just for visual help, because I validate the drop in the "nodeDrop" fonction.
Thanks
Is there a way to expand disabled nodes in the treeview component? There was a solution (https://www.telerik.com/forums/expand-disabled-nodes) but with the current version of kendo-ui it does not work anymore.
It seems that the expand/collapse icon is now disabled as well and it does not fire any event. Is there another solution to make this work again?
The API documentation for the TreeView shows a loadCompleted event, but I'm not seeing it in the build I'm using. 2021.3.1207
https://docs.telerik.com/kendo-ui/api/javascript/ui/treeview/events/loadcompleted
Thanks
Hello,
I have a huge volume of data loading in Kendo UI tree by ondemand set to true. With this feature I couldn't do a search since not all the child nodes are loaded. The current search feature only searches the loaded nodes in the tree.
I need to achieve the search feature with the ondemand set to true to satisfy the business need. Can you please help me here?
Thanks
Hi,
I am using kendo ui treeview for sort of selectable hierarchical menu. This menu can contain pretty much data with deep tree hierarchy.
Ever since we implemented it (few years ago), we used approach suggested here:
https://docs.telerik.com/kendo-ui/knowledge-base/filter-out-search-results
This was working fine so far. However, we finally started updating things to the newer versions, and after update to 2022.2.802 this method became 3-4 times slower than before.
For example same filtering method with exactly same dataset and the same search keyword has following values:
Before update:
measure filter 0.4153999999985099
After update:
measure filter 2.279300000000745
Even this piece of code gets slower
if (data) {
// Re-apply the filter on the children.
dataSource.filter({ field: "hidden", operator: "neq", value: true });
}
(same iteration)
Old:
measure dsFilter 0.001200000002980232
New:
measure dsFilter 0.013800000000745058
Unfortunately, we cannot update directly to the latest version to test if it is better. This is because of styling braking changes which we have to address and other constraints that we have. We have to do it gradually.
Could you please advise what to do, since depending on the dataset size, filtering can last more than 7-8 seconds, and reseting filtering even longer. This basically renders the feature unusable.
Thank you very much.
Regards, Vedad
$('input[type="checkbox"]:not([data-role="switch"])').kendoSwitch()
My dataSource change handler is getting an event with with e.action set to itemLoaded, which is not one of the defined values in the API documentation.
I am wondering if this is a valid event action that I can target and the documentation is not correct, or if this is something else like a bug.
Here is a dojo. If you run it and expand the item, in the browser console you will see a couple events, the last of which is the itemLoaded event.
Hi all,
I have a JSON tree with 3 levels of depth that I want to transform into a TreeView with checkboxes. This tree is sent by a server and the nodes contain certain metadata that will help me to format the output. More specifically, if a node has "isshop" to 1, or "isshop" is 0 but "_chn" is 1, then I have to include it. If the node is not a shop and has no children I should not output it.
The issue is that using templates the most I have been able to reach is having gaps in the view where the filtered nodes should have been without applying conditions. Here is my template:
<script id="tvCentrosTmpl" type="text/kendo-ui-template">
# if (item.isshop == 1 || (item.isshop == 0 && item._chn)) { #
<div class="spnNameCentro" data-idmodel="#:item.id#" data-uid="#:item.uid#" data-type="#:item.type#" data-isshop="#:item.isshop#">#:item.name#</div>
# } #
</script>
And in the checkboxes definition I am using this:
template: function(data){
if (data.item.isshop == 1 || (data.item.isshop == 0 && data.item._chn))
{
return '<input type="checkbox" class="chkParams" data-id="' + data.item.id + '" data-isshop="' + data.item.isshop + '" onclick="srcInhibMasivas.chkCenter_click(this);" />'
}
return '';
}
Here is an example output where "Z03" has no children and is not a shop:
Is there any way to leave the undesired nodes out without having to traverse and process the JSON client-side?
Thank you very much, best regards.