This is a migrated thread and some comments may be shown as answers.

Angular4 + Autocomplete performance issues

5 Answers 45 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
n/a
Top achievements
Rank 1
n/a asked on 26 Sep 2018, 11:49 AM

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

Sort by
0
Alex Gyoshev
Telerik team
answered on 28 Sep 2018, 11:33 AM
Hello Jonathan,

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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
satya
Top achievements
Rank 1
answered on 19 Feb 2021, 05:22 AM

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..

 

0
Missing User
answered on 22 Feb 2021, 12:57 PM

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/.

0
satya
Top achievements
Rank 1
answered on 24 Feb 2021, 12:38 PM

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
  };

0
Missing User
answered on 25 Feb 2021, 08:26 AM

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/.

Tags
General Discussions
Asked by
n/a
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
satya
Top achievements
Rank 1
Missing User
Share this question
or