Hi, I'm testing an application that is implementing KendoUI with Angular4 and I have a large data set that is showing a 10-30 second delay when loading values in an Kendo autocomplete input field.
Do you have any suggestions for how to improve the performance?
5 Answers, 1 is accepted
One of the most requested items in our UserVoice portal is the UI virtualization of the dropdown elements, and we plan to start implementing this feature in the near future. Until it is available, you can use the filterChange event to create a custom filtering that performs better in your scenario, like showing only a few items or requiring several letters to start the filtering. See this Stackblitz example for more information.
Regards,
Alex Gyoshev
Progress Telerik
Still today I am facing the same problem.
kendo autocomplete is initially loading with 30k+ records. for filtering it is taking more than 2mins to respond.
Can you please suggest how to improve the performance.
I used the event like this - (filterChange)="onFilterItems($event)"
PFA..
Hello Satya,
You can give virtualization a try. Regardless of the number of filter results, the AutoComplete will render only a small number of items (50 by default). This should improve the performance of the component quite significantly.
Regards,
Dimitar
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
I have virtual settings like this - and pageSize is not working as expected. all items are loading into autocomplete field. can you please suggest any changes required for this?
public virtual: VirtualizationSettings = {
itemHeight: 28,
pageSize: 10
};
Hello Satya,
Just double-checked and it works fine when I try it out. Here's a working example with the configuration object provided by you.
Could you update the example so that the issue is eveident, fork it, and send it back over so I can inspect the issue? Alternatively, a simplified zipped project would also do. Thanks in advance.
Regards,
Dimitar
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.