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