MDBSelect Component issue


Topic: MDBSelect Component issue

infotigeensolutions-com pro 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.


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!


infotigeensolutions-com pro 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!


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
  • User: Pro
  • 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