I am seeing an issue with my kendo treelist control in version (2023.2.718) which is reproducible in kendo dojo (https://dojo.telerik.com/iDogeqoh). Essentially, I set my treelist to be reorderable and filterable using row filters. When I do this, I cannot type into the filter and holding and dragging the filter box seems to treat it like a header instead. In fact, when you click and drag that box, the screen freezes and you can't do anything with the page... I found that the selector being passed to the reorderable filter was '.k-grid-header th.k-header' which was being filled by the filter row. If you change this value to '.k-grid-header tr:not(.k-filter-row) th.k-header', the issue goes away.
I am json_encoding a php array for javascript variable that is used for the local binding to the kendo tree list. There can be 50000+ records for the kendo tree list and loading time of the page is around 15-20 seconds. The higher the amount do records the higher the loading times.
The kendo tree list was previously remote binding, but found the performance of the tree list was poor when expanding parenet nodes. Therefore, resorted to local binding. Perfromance once loaded is good, but now number of records inserted are increasing.
How long should the kedno tree list take to load when locally binding 50,000+ records?
Thanks,
Fraser
I've had a look and haven't found anything that answers my specific need.
I have an app that has a bill of materials and an order.
Bill of materials is a self referencing hirarchy of parts e.g.
If Assembly 1 gets added to an order then it should no longer be visible as an option in the bill of materials (nor should anything under it). Or if doodah X gets added then it and its child should no longer be visible. This is obviously a very simplified example to demonstrate the need.
Is there a way to filter out the child nodes of a treelist like this?
I see there are some issues with TreeList search functionality, even on your website:
Filter Row in jQuery TreeList Widget Demo | Kendo UI for jQuery (telerik.com)
if you go on the Last Name column and switch it to "contains" and type rr, which should match a child with the value Carr, the dropdown shows no suggestions, if you actually filter it, it will filter (considering it's local filtering)
Same applies for "ends with" i tried both rr - should match Carr and ey - should match Sweeney
Am I missing something here ?
If not, is there any way to disable the suggestion dropdown ?
Thanks,
Viorel
Hi,
I build an Kendo UI TreeList. However, when I implement inline editing, I realize that the API calling from the kendo ui treelist sometimes work and sometimes not. When it work is mostly after I open a developer browser tools.
I have record the process in Telerik Fiddler Jam, but 1 question, is there a way I can share the link privately for your expertise to help to take a look on what is happening
I have a treelist with scrolling and locked columns. Unfortunately, when the screen is wide enough to display all of the columns, the grid doesn't expand to fit the headers as seen in the included screenshot. Also, when I do expand the columns past the max height of the grid, I do not get a scrollbar and the ones below get cut off. Can you help with this? This same table works in a grid (minus the expansion piece, hence converting to a treelist). It does appear there is a scrollbar but it is outside of the table's viewable area.
Here is a dojo: https://dojo.telerik.com/@dojolee/oraQASED
Attached is an image of what I am seeing on my site.
Here is my code:
$("#tileTable").kendoTreeList({
dataSource: {
data: treeDataSource,
schema: {
model: {
id: "hierarchyId",
parentId: "parentHierarchyId",
fields: {
parentHierarchyId: {
type: "string",
}
}
}
}
},
sortable: false,
columns: columns,
}).data("kendoTreeList");
I have a kendo treelist and need to include a column menu to show or hide columns. My column headers have classes applied to them on initialization via the headerAttributes option. After hiding a column, the remaining columns' headers lose their classes. This is duplicated in the attached dojo. Notice last name is in blue. When you hide first name using the 3 dot menu, Last Name turns black. I have tried the same thing with a kendoGrid and it works as expected. Something is off with the TreeList. How do I fix this? Note that while my example here uses text color, using a template won't solve my real issue as I need the class applied to the header cell itself so I can center the content and other stuff.
https://dojo.telerik.com/ALeLiZUV
In troubleshooting, I noticed that grid.columns is not returning headerAttributes.class for the treelist when calling $("#myGrid).data("kendoTreeList").columns for the tree list but it is when calling $("myGrid).data("kendoGrid").columns for the grid. I'm attaching images from my own project of the two returns (Note that they are from different instances which is why the other data is not the same in the two screenshots nor do they go with the dojo.)