Vaadin 23 Java version of TwinColSelect
TwinColSelect component, also known as list builder. It is a component for multiselection.
This is component consists of two lists. You can move items from the other list to other. The left list is master list and backed by DataProvider. The right list is the selection list and reflects the value of the selection.
The component also has drag and drop support.
This add-on component is also a demo case on how to create a complex custom field as server side composition using Java. As the logic is fully implemented in Java, it is also possible to verify it using UI Unit Test feature that came in Vaadin 23.2.
See: https://github.com/TatuLund/TwinColSelect/blob/nextlts/src/test/java/org/vaadin/tatu/ViewTest.java
There is CSS styling example in
https://github.com/TatuLund/TwinColSelect/blob/nextlts/frontend/themes/mytheme/styles.css
- Use NativeLabel instead of Label
- Small improvement in keyboard navigation
- The first release to support Vaadin 24
Starting the test/demo server:
- Run
mvn jetty:run. - Open http://localhost:8080 in the browser.
You can create the zip package needed for Vaadin Directory using
mvn versions:set -DnewVersion=1.0.0 # You cannot publish snapshot versions
mvn install -Pdirectory
The package is created as target/twincolselect-1.0.0.zip
For more information or to upload the package, visit https://vaadin.com/directory/my-components?uploadNewComponent