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

    Quasar Auto Complete with update options

    Framework
    2
    2
    403
    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.
    • M
      murilo last edited by

      Hello , I wold like to make some auto complete like this -

      alt text

      in quasar , it has in selection a autocomplete like that -
      https://quasar.dev/vue-components/select#Customizing-menu-options

      But my question is , in quasar example , we get All the data at the same time , I wold like to know if has some way to upload the stringOptions below , if the user type more than 3 letters , it makes a new search in database .

      Becose in case, it will search more than 3.000 registers , I cant populate the all the data in the stringOptions at the same time .

      this is the quasa example -

       <q-select
              filled
              v-model="model"
              use-input
              hide-selected
              fill-input
              input-debounce="0"
              :options="options"
              @filter="filterFn"
              hint="Minimum 2 characters to trigger filtering"
              style="width: 250px; padding-bottom: 32px"
            >
      

      those options , I want to update the stringOptions , becose in has more than 3.000 registers , I cant populate all at the same time , if the user type more than 3 letters it change the options .

      const stringOptions = [
        'Google', 'Facebook', 'Twitter', 'Apple', 'Oracle'
      ]
      export default {
        data () {
          return {
            model: null,
            options: stringOptions
          }
        },
      
      dobbel 1 Reply Last reply Reply Quote 0
      • dobbel
        dobbel @murilo last edited by dobbel

        @murilo

        This q-select example loads new options when scroll reaches the end:
        https://quasar.dev/vue-components/select#Example--Dynamic-loading-options

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