No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    How to open QSelect dropdown programmatically?

    Help
    5
    10
    1204
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • H
      hpawar last edited by

      Hello All,

      I have an issue with QSelect component. I am using the component as shown:
      <q-select
      ref=“storeTASelect”
      multiple filled dense options-dense
      v-model=“selected”
      @input=“hasChanged”
      counter
      :max-values=“json.multiselect”
      :hint=“getHint”
      :disable=“checkStatus”
      :options=“selectOptions”>
      </q-select>

      I was able to open the dropdown manually by using refs and calling showPopup() function on QSelect component. “this.$refs.storeTASelect.showPopup();”
      It seems a fix was done in release 1.12.9 (fix(QSelect): exit showPopup if it’s not editable #7323). I am no longer able to manually trigger the select dropdown after this fix. Can someone please suggest how to get this dropdown programmatically opened?

      1 Reply Last reply Reply Quote 2
      • G
        Gnopps last edited by

        I’m facing the same problem. Did you get it working? Otherwise we’ll need to create an issue about this.

        dobbel 1 Reply Last reply Reply Quote 1
        • dobbel
          dobbel @Gnopps last edited by

          @Gnopps

          looking at the code of q-select, showPopup should still work unless
          disable = true or readonly = true

          Is that the case in your q-select? Or does it not popup all the time?

          1 Reply Last reply Reply Quote 0
          • H
            hipertracker last edited by hipertracker

            I have the same problem. I wish q-select had a prop for expanding its options.

            metalsadman 1 Reply Last reply Reply Quote 0
            • metalsadman
              metalsadman @hipertracker last edited by

              @hipertracker well it does have, read its api methods section.

              dobbel 1 Reply Last reply Reply Quote 0
              • dobbel
                dobbel @metalsadman last edited by

                @metalsadman I tried to find it in the q-select api but found nothing.

                metalsadman 1 Reply Last reply Reply Quote 0
                • metalsadman
                  metalsadman @dobbel last edited by

                  @dobbel should be showPopup, which you already mentioned.

                  dobbel 1 Reply Last reply Reply Quote 0
                  • dobbel
                    dobbel @metalsadman last edited by dobbel

                    @metalsadman said in How to open QSelect dropdown programmatically?:

                    showPopup

                    It’s not in the ‘public’ api of q-select in the Quasar doc. I found it in the source code.

                    metalsadman 1 Reply Last reply Reply Quote 0
                    • metalsadman
                      metalsadman @dobbel last edited by

                      @dobbel it’s in the methods section.
                      d8c0d200-f5fe-490e-856c-14c6df09a238-image.png

                      dobbel 1 Reply Last reply Reply Quote 0
                      • dobbel
                        dobbel @metalsadman last edited by dobbel

                        @metalsadman Ah I see now what happend. The method tab ran was off my small screen… that arrow is not very intuïtieve UI to me I guess… thanks for clearing that out.

                        1 Reply Last reply Reply Quote 0
                        • First post
                          Last post