Directory

Filterable Layout Add-on

Extension that allows you to build forms that can filter the components inside it

View larger

Close

Filterable Layout is an "extension" for Vaadin 14+, that allows you to build forms that can be filtered to only display components with a certain caption.

Features:

• Supports hiding or just showing visually the filtering results
• Can filter the components inside components container such as other layouts or even Tabs
• Easy to use

Sample code

		VerticalLayout vl = new VerticalLayout();
		...
		vl.add(textField1);
		...
		TextField filter = createTextField("Filter");
		filter.setValueChangeMode(ValueChangeMode.LAZY);
		filter.setValueChangeTimeout(500);
		FilterableLayoutExtension flayout = new FilterableLayoutExtension(filter, vl.getElement());

    flayout.setFilteredStyleName("filtered");

    CheckBox cb = new CheckBox("Hide filtered components");
    cb.setValue(true);
    cb.addValueChangeListener(e->{
    	flayout.setHideFilteredComponents(e.getValue());
    	flayout.filterComponents(filter.getValue(), vl.getElement());
    });

Links

• View on GitHub
• Online Demo
• Source Code
• Issue Tracker
• Author Homepage

Compatibility