web-components icon indicating copy to clipboard operation
web-components copied to clipboard

tree picker and tree view

Open chensce opened this issue 3 years ago • 7 comments

Describe your motivation

some view need display tree data, for example org structure , some view need display tree picker, for example picker person from org structure.

Describe the solution you'd like

tree picker and tree view web component .

Describe alternatives you've considered

No response

Additional context

No response

chensce avatar Aug 30 '22 04:08 chensce

The Tree component is missing, but it is possible to use single column TreeGrid in many use cases.

There are couple of more fine tuned version of single column TreeGrid based implementations in the Directory, the first one is a generic Tree

https://vaadin.com/directory/component/tree

And specific single and multiselect FileSelect components are found in

https://vaadin.com/directory/component/filesystem-dataprovider-add-on

TatuLund avatar Aug 30 '22 06:08 TatuLund

Here is a codepen illustrating what the TreePicker could look like: https://codepen.io/cliener/pen/gPjWXP

web-padawan avatar Aug 30 '22 10:08 web-padawan

This is the type of “tree” I assumed the request was referring to:

jouni avatar Aug 30 '22 12:08 jouni

@jouni ,👌 @TatuLund ,thank you!

chensce avatar Aug 31 '22 03:08 chensce

https://ant.design/components/tree-select/ https://ant.design/components/tree/

chensce avatar Aug 31 '22 03:08 chensce

The main issue when we are using a TreeGrid for a Tree is the accessibility. The keyboard support is completely different and can't be implemented in the TreeGrid for example.

jcgueriaud1 avatar Aug 31 '22 13:08 jcgueriaud1

Yes,the TreeGrid is grid, not tree.

chensce avatar Sep 01 '22 01:09 chensce