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

[Feature Request] Nested v-autocomplete #6089

Closed
PsySolix opened this issue Jan 9, 2019 · 3 comments
Closed

[Feature Request] Nested v-autocomplete #6089

PsySolix opened this issue Jan 9, 2019 · 3 comments
Labels
C: VAutocomplete VAutocomplete C: VSelect VSelect duplicate The issue has already been reported maybe Functionality that we are considering T: feature A new feature

Comments

@PsySolix
Copy link

PsySolix commented Jan 9, 2019

Problem to solve

Happens all the time, that if you have a nested data structure and you would want to display it in the same way as an other v-autocomplete layout. (so mounted in a v-menu + v-lists)

Proposed solution

Allow 2 props on v-autocomplete -> "nested" & "nested-key"
if nested = true && nested-key (default ="children")
show it in a nested layout.

@PsySolix
Copy link
Author

PsySolix commented Jan 9, 2019

Or it would be awesome if you guys can put me in the right direction to customizing myself (screenshot is what I have for structure)

Problems I encounter:

  • With the slot="activator" it is hard to check click handlers
  • If I want to have chips, I need to use a v-select to trigger the dropdown. But the v-select also needs is own props, like :items, v-model,...

image

@dsseng dsseng added T: feature A new feature pending review The issue is still pending disposition maybe Functionality that we are considering labels Jan 9, 2019
@PsySolix
Copy link
Author

PsySolix commented Jan 17, 2019

Hey! Thanks for the 'maybe' label, gives hope :-) Do you guys any updates for this?
In the meantime, do you guys know a way how I can (maybe with a hackish way) mimick the behaviour?

So what I need for a nested tree component + checkboxes ->

  • The same mount / location way as vuetify: v-select / v-autocomplete (internally mounts a v-menu outside & calculates positions for the dropdown)
  • Nested sructure: Do I just merge children all in one array and maybe differentiate with padding that its nested. Or do you guys know a good way how I can add a v-list loop inside a v-list-tile-content?

Thanks in advance!
PS: Keep up the good work!

kolesnikovav added a commit to kolesnikovav/vuetify that referenced this issue Feb 20, 2019
v-autocomplete extention
Allow to select tree like data

Closes vuetifyjs#6089
@johnleider johnleider removed pending review The issue is still pending disposition labels Apr 25, 2019
@bad4iz bad4iz added the duplicate The issue has already been reported label Jan 11, 2020
@bad4iz
Copy link
Contributor

bad4iz commented Jan 11, 2020

Duplicate of #3049

@bad4iz bad4iz marked this as a duplicate of #3049 Jan 11, 2020
@bad4iz bad4iz closed this as completed Jan 11, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VAutocomplete VAutocomplete C: VSelect VSelect duplicate The issue has already been reported maybe Functionality that we are considering T: feature A new feature
Projects
None yet
Development

No branches or pull requests

5 participants