Open kolesnikovav opened 3 years ago
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
This is a good idea, but i don't know the way to fix the height of selection area and scroll content inside treeview
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>
Provide adjustable pagination for v-treeselect component similar as v-datatable for large amount of data