tree
Tree component for Vaadin 24, Vaadin 23 and Vaadin 14
This is Tree component for Vaadin 14, Vaadin 23 and Vaadin 24, the API mimics the Tree API from Vaadin 8 for applicable parts.
Features
- Supports VaadinIcons or image icons
- Single select / multiselect modes
- Programmatic focus
- Tooltips
- Expand/Collapse by toggle icon only: https://github.com/vaadin/flow-components/issues/1091
Sample code
Tree<Department> tree = new Tree<>(Department::getName); tree.setItems(departmentData.getRootDepartments(), departmentData::getChildDepartments); tree.setItemIconProvider(item -> getIcon(item)); tree.setItemIconSrcProvider(item -> getImageIconSrc(item)); tree.setItemTitleProvider(Department::getManager); tree.addExpandListener(event -> message.setValue( String.format("Expanded %s item(s)", event.getItems().size()) + "\n" + message.getValue())); tree.addCollapseListener(event -> message.setValue( String.format("Collapsed %s item(s)", event.getItems().size()) + "\n" + message.getValue())); tree.asSingleSelect().addValueChangeListener(event -> { if (event.getValue() != null) System.out.println(event.getValue().getName() + " selected"); }); tree.setHeightByRows(true);
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Version 3.1.0
- Added passthru of getDataCommunicator API
- Released
- 2023-04-03
- Maturity
- BETA
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 24+
- Vaadin 23 in 2.4.0
- Vaadin 22 in 2.4.0
- Vaadin 21 in 2.4.0
- Vaadin 20 in 2.1.0
- Vaadin 19 in 2.1.0
- Vaadin 18 in 2.1.0
- Vaadin 14 in 1.4.1
- Browser
- Firefox
- Opera
- Safari
- Google Chrome
- iOS Browser
- Android Browser
- Microsoft Edge