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

    Autocomplete with select & custom value

    Help
    3
    14
    642
    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.
    • OnlyReFLeX
      OnlyReFLeX last edited by

      I want to do an autocomplete so that I can choose and that the entered value would remain

      for example https://darrenjennings.github.io/vue-autosuggest/

      how do i make it out of the box?

      1 Reply Last reply Reply Quote 0
      • s.molinari
        s.molinari last edited by

        Like that? https://quasar.dev/vue-components/select#Example--Autocomplete-on-more-than-2-chars

        You can lower the filter to one character, then it behaves the same as your example.

        Scott

        1 Reply Last reply Reply Quote 0
        • OnlyReFLeX
          OnlyReFLeX last edited by

          @s-molinari But it does not work, can you give an example in codepen.io?

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

            @OnlyReFLeX it’s in the examples @s-molinari
            linked https://codepen.io/metalsadman/pen/wLaaXB?&editable=true&editors=101 type letter/s of the options for Google/Facebook/Twitter/Apple/Oracle.

            1 Reply Last reply Reply Quote 0
            • OnlyReFLeX
              OnlyReFLeX last edited by

              @metalsadman but I need to be able to enter any value

              1 Reply Last reply Reply Quote 0
              • OnlyReFLeX
                OnlyReFLeX last edited by

                look at the example carefully https://darrenjennings.github.io/vue-autosuggest/

                1 Reply Last reply Reply Quote 0
                • s.molinari
                  s.molinari last edited by

                  @OnlyReFLeX - Ah, you mean to filter on any letter matches within the options. Then you just need to change the filterFn method.

                  Scott

                  1 Reply Last reply Reply Quote 0
                  • OnlyReFLeX
                    OnlyReFLeX last edited by

                    @s-molinari No, you do not understand

                    1 Reply Last reply Reply Quote 0
                    • OnlyReFLeX
                      OnlyReFLeX last edited by

                      I want my value to be entered, and select worked like hints

                      1 Reply Last reply Reply Quote 0
                      • s.molinari
                        s.molinari last edited by

                        And that is what I am suggesting. You need to change the filter method. The options can be “hints”. It’s all up to you.

                        Scott

                        1 Reply Last reply Reply Quote 0
                        • OnlyReFLeX
                          OnlyReFLeX last edited by

                          @s-molinari Show me please i can’t figure out how to do it

                          1 Reply Last reply Reply Quote 0
                          • s.molinari
                            s.molinari last edited by

                            Give me some sample data of your “hints”?

                            Scott

                            1 Reply Last reply Reply Quote 0
                            • OnlyReFLeX
                              OnlyReFLeX last edited by

                              I need the same behavior as here https://darrenjennings.github.io/vue-autosuggest/

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

                                just change the filterFunction like @s-molinari suggested :x. use String.includes to filter https://codesandbox.io/s/codesandbox-app-0ybb3. for the styling see the docs again.

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