q-select with search

[brunoxp]

Is there any way to q-select look like select2? At least the possibility to search for items in the list. That would help a lot.

Thanks

[s.molinari]

I think I know what you are getting at. A search like in the data table to limit the options (or data). Correct? What is “select2” though?

Scott

[rstoenescu]

Have planned this for v0.14 or right after v0.14, depending on how much time I got and how quick work goes for v0.14.

[Tekki]

Just wanted to open a new thread when I found this one. Is this feature still planned for 0.14?

[rstoenescu]

@Tekki It’s already in v0.14.

[lvaylet]

Excellent, thank you so much @rstoenescu. I was looking for this exact same feature after seeing it in action in Keen UI (https://josephuspaye.github.io/Keen-UI/#/ui-select, “With search” demo). I have adopted Quasar instead due to the excellent documentation and the overall quality of the components, and I was only missing this part. Keep up the good job. I am looking forward to the 0.14 release in a few days.

[leon]

@rstoenescu Cool!!! Tks for good job

[Snippo]

Is there any documentation to combine a q-select with a search field (and being able to select multiple options)?
I managed to make it work by using a q-search and q-autocomplete, but can’t figure out how to do it with q-select.

[s.molinari]

@Snippo - Using version 0.14, the filter and multiple props are pretty straight forward in the docs.

http://beta.quasar-framework.org/components/select.html#Vue-Properties

There is also an example of a q-select with search (filter) and multiple selection in the showcase. This is the source code.

https://github.com/quasarframework/quasar-play/blob/v0.14/src/components/showcase/forms/select/standard-select.vue#L78

Scott