for large data >3000 the select dropdown data taking a long time to response

optimistex / ngx-select-ex

Angular based replacement for select boxes

https://optimistex.github.io/ngx-select-ex/

MIT License

111 stars 42 forks source link

for large data >3000 the select dropdown data taking a long time to response #99

Closed beasaree closed 3 years ago

beasaree commented 6 years ago

for large data the multiple select dropdown is taking long time more than 10 s. it will create performance issue . Please can u suggest how can we overcome this issue.

codestitch commented 6 years ago

yes same here.. I'm using it for Angular6

DaLiangLee commented 5 years ago

yes same here.. I'm using it for Angular4..... Now my customer is giving this feedback, which makes me very depressed.

optimistex commented 5 years ago

@DaLiangLee I can suggest two ways:

try to load not every data but part of it and use the search. By search event you can filter the data and put less but actual data.
try the component https://github.com/ng-select/ng-select it has a virtual scroll that may solve your issue: https://ng-select.github.io/ng-select#/virtual-scroll

DaLiangLee commented 5 years ago

@optimistex Thank you very much for your advice, but what the customer needs is to display all the data and then filter it. I guess the rendering data is slower... When I click on the Select box with more data, the response time will exceed 3s.

https://github.com/ng-select/ng-select#versions Not applicable to Angular4, because the project is online and I don't want to make a big upgrade... you know...

In short, thank you very much.

casper5822 commented 3 years ago

Same for me. Very slow on a 6000 items. It's important for our customers. We have to show all items, so the suggestions are not good for us too.

Can you do something to improve it ? Thank you

optimistex commented 3 years ago

@casper5822 Check the comment above https://github.com/optimistex/ngx-select-ex/issues/99#issuecomment-455502975

I do not have enough time to embed a virtual scroll to this component. If you find a time and implement it, make a pull request then.