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

Nastavení kurzoru v programu PSPad

Pokud jste si nainstalovaly program PSPad, možná váš trápí pozice kurzoru. Když kliknete myší do souboru otevřeného v tomto programu, kurzor zůstane v místě kliknutí a ne (jak většinou uživatel očekává) na konci řádku. Vypadá to, jako by soubor obsahoval tabulátory nebo mezery.

pspad_cursor_setting_position

Pokud potřebujete, aby se kurzor umístil na konec řádku, změňte nastavení: Nastavení -> Nastavení programu … -> Editor 1 -> odškrtnout „Vstup na konec řádku“.

pspad_cursor_setting

Třináct základních příkazů v Linuxu

Pokud s začínáte s linuxovou konzolí, nebo jste se náhodou dostali na linuxový server, který nemá grafické rozhraní, a nebo máte jiný důvod proč začít pracovat s Linuxem v konzoli, pomůže vám tento příspěvek s úvodními kroky.

S Linuxem se v příkazové řádce pracuje tak, že napíšete příkaz (název programu), za ním případné argumenty a enter.

Pro doplňování názvů příkazů, adresářů a souborů používejte tabulátor. Pokud se potřebujete přepnout do složky Documents ve vašem domovském adresáři  a napíšete D (cd D) a stisknete enter, nestane se nic, protože složek s tímto názvem je tam více. Když stisknete enter podruhé, zobrazí se vám možnosti  (Desktop, Download, Documents). Pokud dopíšete oc (cd Doc) a stisknete enter, doplní se Documents a vy si ušetříte psaní.

Číst dálTřináct základních příkazů v Linuxu

Změna rozměrů obrázků v Linuxu z příkazové řádky

Pro práci s obrázky z příkazové řádky je v Linuxu knihovna (suite of tool) imagemagic. Nainstaluje se tímto příkazem:

sudo apt-get install imagemagick

Pro změnu rozměrů několika obrázků najednou se použije příkaz mogrify.

mogrify -resize 640x *

Změní velikost všech obrázků ve složce na šířku 640 pixelů a výška se přizpůsobí proporcionálně.

mogrify -resize 50% *.jpg

Změní velikost všech .jpg obrázků ve složce na 50%.

mogrify -resize x600 obrazek.jpg

Změní velikost obrázku obrazek.jpg na výšku 600px, šířka se změní proporcionálně.
Program mogrify dokáže i mnoho dalších věcí:

mogrify -rotate 90
mogrify -resize 800x600 -sharpen 0x1 *.png

Zdroje: