Examples with ListBox com.vaadin.flow.component.listbox.ListBox used on opensource projects

Example 6 with ListBox

use of com.vaadin.flow.component.listbox.ListBox in project flow-components by vaadin.

the class ListBoxViewDemoPage method addComponentsBetween.

private void addComponentsBetween() {
    ListBox<String> listBox = new ListBox<>();
    listBox.setItems("Bread", "Butter", "Milk");
    // Adding components to the end:
    listBox.add(new H3("After all the items"));
    // Adding components after a specific item:
    listBox.addComponents("Butter", new H3("After butter"));
    // Adding components before a specific item:
    listBox.prependComponents("Bread", new H3("Before bread"));
    addCard("Adding components between items", listBox).setId("list-box-with-components-between");
}

Example 7 with ListBox

use of com.vaadin.flow.component.listbox.ListBox in project flow-components by vaadin.

the class ListBoxViewDemoPage method addItemRenderer.

private void addItemRenderer() {
    ListBox<Item> listBox = new ListBox<>();
    ListBoxListDataView<Item> listDataView = listBox.setItems(getItems());
    listBox.setRenderer(new ComponentRenderer<>(item -> {
        Label name = new Label("Item: " + item.getName());
        Label stock = new Label("In stock: " + item.getStock());
        NativeButton button = new NativeButton("Buy", event -> {
            item.setStock(item.getStock() - 1);
            listDataView.refreshItem(item);
        });
        Div labels = new Div(name, stock);
        Div layout = new Div(labels, button);
        labels.getStyle().set("display", "flex").set("flexDirection", "column").set("marginRight", "10px");
        layout.getStyle().set("display", "flex").set("alignItems", "center");
        return layout;
    }));
    listBox.setItemEnabledProvider(item -> item.getStock() > 0);
    addCard("Using item renderer and disabling items", listBox).setId("list-box-with-renderer");
}

Example 8 with ListBox

use of com.vaadin.flow.component.listbox.ListBox in project flow-components by vaadin.

the class ListBoxDataViewPage method createSetSortComparatorDataView.

private void createSetSortComparatorDataView() {
    Item first = new Item(1L, FIRST);
    Item second = new Item(2L, SECOND);
    Item third = new Item(3L, THIRD);
    ListBox<Item> listBoxForSortDataView = new ListBox<>();
    listBoxForSortDataView.setId(LIST_BOX_FOR_SORT_DATA_VIEW);
    ListBox<Item> otherListBox = new ListBox<>();
    otherListBox.setId(OTHER_LIST_BOX_FOR_SORT_DATA_VIEW);
    final ListDataProvider<Item> dataProvider = DataProvider.ofItems(third, first, second);
    ListBoxListDataView<Item> dataView = listBoxForSortDataView.setItems(dataProvider);
    otherListBox.setItems(dataProvider);
    NativeButton dataViewSortButton = new NativeButton("Sort", click -> dataView.setSortComparator((item1, item2) -> item1.getValue().compareToIgnoreCase(item2.getValue())));
    dataViewSortButton.setId(LIST_DATA_VIEW_SORT_BUTTON);
    add(listBoxForSortDataView, otherListBox, dataViewSortButton);
}

Example 9 with ListBox

use of com.vaadin.flow.component.listbox.ListBox in project flow-components by vaadin.

the class ListBoxDataViewPage method createFilterItemsByDataView.

private void createFilterItemsByDataView() {
    ListBox<Integer> numbers = new ListBox<>();
    numbers.setId(LIST_BOX_FOR_FILTER_DATA_VIEW);
    ListBox<Integer> otherNumbers = new ListBox<>();
    otherNumbers.setId(OTHER_LIST_BOX_FOR_FILTER_DATA_VIEW);
    final ListDataProvider<Integer> dataProvider = DataProvider.ofItems(1, 2, 3, 4, 5, 6, 7, 8, 9, 10);
    ListBoxListDataView<Integer> numbersDataView = numbers.setItems(dataProvider);
    otherNumbers.setItems(dataProvider);
    NativeButton filterOdds = new NativeButton("Filter Odds", click -> numbersDataView.setFilter(num -> num % 2 == 0));
    filterOdds.setId(LIST_DATA_VIEW_SET_FILTER_BUTTON);
    NativeButton filterMultiplesOfThree = new NativeButton("Filter Multiples of 3", click -> numbersDataView.addFilter(num -> num % 3 != 0));
    filterMultiplesOfThree.setId(LIST_DATA_VIEW_ADD_FILTER_BUTTON);
    NativeButton noFilter = new NativeButton("No Filter", click -> numbersDataView.removeFilters());
    noFilter.setId(LIST_DATA_VIEW_REMOVE_FILTER_BUTTON);
    add(numbers, otherNumbers, filterOdds, filterMultiplesOfThree, noFilter);
}

Example 10 with ListBox

use of com.vaadin.flow.component.listbox.ListBox in project flow-components by vaadin.

the class ListBoxDataViewPage method createRemoveItemByDataView.

private void createRemoveItemByDataView() {
    Item first = new Item(1L, FIRST);
    Item second = new Item(2L, SECOND);
    ListBox<Item> listBoxForRemoveFromDataView = new ListBox<>();
    listBoxForRemoveFromDataView.setId(LIST_BOX_FOR_REMOVE_FROM_DATA_VIEW);
    ListBox<Item> otherListBox = new ListBox<>();
    otherListBox.setId(OTHER_LIST_BOX_FOR_REMOVE_FROM_DATA_VIEW);
    final ListDataProvider<Item> listDataProvider = DataProvider.ofItems(first, second);
    ListBoxListDataView<Item> dataView = listBoxForRemoveFromDataView.setItems(listDataProvider);
    otherListBox.setItems(listDataProvider);
    NativeButton dataViewRemoveButton = new NativeButton("Remove", click -> dataView.removeItem(second));
    dataViewRemoveButton.setId(LIST_DATA_VIEW_REMOVE_BUTTON);
    add(listBoxForRemoveFromDataView, otherListBox, dataViewRemoveButton);
}