Documentation

(vaadin)

Vaadin UI code snippets

This is an old revision of the document!


We have a list of useful code snippets for you. Simply use them for your application. All snippets are free to use and licensed under Apache 2.0.

Checkbox in Table Header

If you want to show a checkbox in the table header of a v7 Table:

use following code:

book.getRowDefinition().getColumnDefinition("CHECK").setSortable(false)
book.getRowDefinition().getColumnDefinition("CHECK")
    .setLabel("<input type='checkbox' id='checkboxSelectAll' onclick=\"selectAllListener(this.checked)\" " +
              "style=\"position:absolute;top: 2px;\"/>");

and to receive events from the checkbox:

JavaScript.getCurrent().addFunction("selectAllListener", new JavaScriptFunction() 
{
    public void call(JsonArray arguments) 
    {
        System.out.println("Pressed!");
    }
});

Checkbox in Grid Header

If you want to show a checkbox in the header of a Grid:

use following code:

CheckBox cbx = new CheckBox();
cbx.addValueChangeListener(new ValueChangeListener<Boolean>()
{
    @Override
    public void valueChange(ValueChangeEvent<Boolean> event)
    {
        System.out.println("Pressed!");
    }
});
 
UIFactoryManager.getFactory().invokeLater(() ->
{
    // Cast the resource to a Grid.
    ((Grid)((VaadinGrid)navLoggings.getUIResource()).getResource())
        // Get the first (automatically added) row.
        .getHeaderRow(0)
        // Get the cell for the column we want.
        .getCell("CHECK")
        // Add the component.
        .setComponent(cbx);
});
This website uses cookies for visitor traffic analysis. By using the website, you agree with storing the cookies on your computer.More information