We are currently experiencing a rendering issue with the KendoUI TreeView component, version 2019.2.703, on Project Server Online. This problem arose following a recent update to Project Online, which introduced a change in how the WebComponentsIcons font, used for icon rendering, is managed in the cloud environment.
Issue Details:
Previously, the grid component functioned correctly. However, after the update, labels in combo boxes that contain hierarchical items (years and months in our case) are not displaying correctly. Specifically, the label for the year is now rendering "behind" he checkbox and is only partially visible within the interface.
See attachment: TreeView_err1.png
Attempted Fixes and Complications:
We attempted a solution that successfully made the year label visible again modifying the style of the class .k-treeview .k-in (setting the Font Family and size).
.k-treeview .k-in {However, this adjustment led to an unintended change in the Document Object Model, and an empty <span> cover the checkbox and partially blocked the selection of the checkbox.
See attachment: TreeView_err2.png
To avoid the conflict between the checkbox and the empty span we modified the style of the .k-icon class changing the display from inline-block to display: contents;
Now, the trigger, originally on the triangle icon for showing/hiding child items (months), is incorrectly positioned above the checkbox for selecting the year. This results in all child items being expanded and displayed when the parent is selected, which is not the desired behaviour.
See attachment: TreeView_err3.png
Attachments:
Please find attached screenshots for a better understanding of the issues described.
Request:
Could you please investigate this behaviour? Any suggestions on how to correct the year label rendering without affecting the functionality of the child item display would be greatly appreciated.
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.