Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Provide pagination for treeselect component #45

Open
kolesnikovav opened this issue Aug 11, 2021 · 3 comments
Open

Provide pagination for treeselect component #45

kolesnikovav opened this issue Aug 11, 2021 · 3 comments

Comments

@kolesnikovav
Copy link
Owner

Provide adjustable pagination for v-treeselect component similar as v-datatable for large amount of data

@emyasnikov
Copy link

Maybe it's better to load children upon select like in treeview https://vuetifyjs.com/en/components/treeview/#load-children and/or search for items and load them asynchronously https://vuetifyjs.com/en/components/autocompletes/#asynchronous-items

@kolesnikovav
Copy link
Owner Author

This is a good idea, but i don't know the way to fix the height of selection area and scroll content inside treeview

@emyasnikov
Copy link

emyasnikov commented Aug 12, 2021

I had kind of light version of tree select using parts from Vuetify docs. As you can see VMenu has limited height, so overflow works:

  <v-menu
    v-model="menu"
    max-height="304"
    offset-y
    tile
    :close-on-content-click="false">
    <template #activator="{ on, attrs }">
      <v-text-field
        v-bind="attrs"
        v-on="on"
        append-icon="mdi-menu-down"
        hide-details
        readonly
        ref="text"
        :label="label"
        :value="input" />
    </template>
    <v-sheet>
      <v-treeview
        v-model="selected"
        selectable
        selection-type="independent"
        :active="selected"
        :items="items"
        :open-all="openAll" />
    </v-sheet>
  </v-menu>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants