Skip navigation

SelectPicker

A selectpicker for @twitter bootstrap forked from silviomoreto repository

Example

Simple usage of select picker.

Form markup
Default select
<select wicket:id="default">
</select>
Select with live search
<select wicket:id="default-live-search">
</select>
Default multi select
<select wicket:id="multi">
</select>
Multi select with live search
<select wicket:id="multi-live-search">
</select>
Multi select with limited selection
<select wicket:id="multi-max-count-2">
</select>
Form code
add(new BootstrapSelect<String>("default"),
add(new BootstrapSelect<String>("default-live-search").with(
new BootstrapSelectConfig().withLiveSearch(true)));
add(
    new BootstrapMultiSelect<String>("multi"),
    new BootstrapMultiSelect<String>("multi-live-search").with(
new BootstrapSelectConfig().withLiveSearch(true)),
    new BootstrapMultiSelect<String>("multi-max-count-2").with(
new BootstrapSelectConfig().withLiveSearch(true).withMaxOptions(2))
);

Example

Config of select picker provides internationalization (i18n).

internationalization configuration example
BootstrapSelectConfig config = new BootstrapSelectConfig();
            config
                    .withNoneSelectedText("My nothing selected")
                    .withNoResultText("My no results found")
                    .withCountSelectedText("My selected {0} from {1}")
                    .withMaxOptionsText("My limit ({n} {var} max)",
                            "My group limit({n} {var} max)",
                            "items", "item");

Example

Select picker able to work in modal window.