Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: MDBSelect Component issue

Linga premium asked 2 years ago


Hi, In MDBSelect Component if we give nearly 5000 options, it is taking time to open the dropdown box, Nearly 5 - 10 seconds, Can you please fix this or give me the alternative solution. Thanking you.


Linga premium answered 2 years ago


The idea was good, nice.

But, to get what is selected, it is taking time. Do I need to add a delay timeout always ?

Snippet here https://mdbootstrap.com/snippets/vue/infotigeensolutions-com/4723334#js-tab-view


Bartosz Cylwik staff commented 2 years ago

Hi, if you need the value you can get it from the itemSelect event. You can also set a watcher, that will react on autocomplete input value change. I have added some code to your snippet to show how to do it (I moved your methods to the setup hook). You can see the snippet here.

If you have any more questions, feel free to ask. Best Regards!


Bartosz Cylwik staff answered 2 years ago


Hi, I think it would be good to provide some sort of filter for your options. I have prepared an example snippet, where I made an additional input, where i can filter the options and display them in the select component. If no value is provided to the filter input, the select would only show the first ten options. Would it be ok in your case? Best Regards!



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB5 3.0.0
  • Device: Laptop, Desktop
  • Browser: Firefox, chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No