Directory

tree

Tree component for Vaadin 24, Vaadin 23 and Vaadin 14

View larger

Close

View larger

Close

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

• View on GitHub
• Online Demo

Compatibility