Jednoduché použití komponenty Grid ve Vaadinu

Grid je komponenta pro zobrazení tabulkových dat (ve formátu sloupců a řádek). Zde je ochutnávka toho, co grid umí: demo.vaadin.com/sampler/#ui/grid.

V tomto příspěvku si vytvoříme jednoduchý grid, který bude zobrazovat data lidí (jméno, příjmení a den narození). Kód můžete umístit do metody init třídy, která dědí z UI.

@Override
protected void init(VaadinRequest vaadinRequest) {
    final VerticalLayout layout = new VerticalLayout();

    // creating data
    List<Person> persons = Arrays.asList(
    		new Person("John", "Smith", LocalDate.of(2001, 3, 17)),
    		new Person("Marie", "Jones", LocalDate.of(1987, 11, 26)),
    		new Person("Dave", "Williams", LocalDate.of(1995, 1, 5))
    );

    // creating grid
    Grid<Person> grid = new Grid<>();
    grid.setItems(persons);
    grid.addColumn(Person::getName).setCaption("Name");
    grid.addColumn(Person::getSurname).setCaption("Surname");
    grid.addColumn(Person::getDateOfBirth).setCaption("Date of birth");
    grid.setHeightByRows(persons.size());

    layout.addComponent(grid);

    setContent(layout);
}

Číst dálJednoduché použití komponenty Grid ve Vaadinu

Vytvoření Vaadin projektu v Eclipse IDE

Nejjednodušším způsobem, jak vytvářet Vaadin projekty je pomocí pluginu „Vaadin Plugin for Eclipse“.

new_vaadin_project_install_eclipse_plugin

Ten si nainstalujete přes Help -> Eclipse Marketplace -> do Find textového pole napište vaadin -> vybrat a Install.

Pokud máte plugin instalován, vytvoření Vaadin projektu je jednoduché: File -> New -> Project -> Vaadin -> Vaadin 8 Project (můžete vytvořit i projekt v předchozí sedmičkové verzi) -> Next -> Singele-module Application Project -> Next -> zadejte Group Id (v mém případě cz.vitfo) a Artifact Id (v mém případě myproject) -> Finish.

Číst dálVytvoření Vaadin projektu v Eclipse IDE