TableClickForwarder

Forwards mouse click events on any components within a Table cell to the Table itself

This simple extension is created to overcome an issue where adding e.g. layouts in Table cells will prevent normal item selection when clicking these cells.

The extension will add mouseup and mousedown handlers to the component it's attached to, and forward any mouse up/down events to the parent table cell.

Sample code

Table t = new Table();
t.setSizeFull();
t.setSelectable(true);
t.setMultiSelect(true);

t.addContainerProperty("layout", Component.class, null);
t.addContainerProperty("layout-e", Component.class, null);
t.addContainerProperty("name", String.class, null);

HorizontalLayout hl = null;
for (int i = 0; i < 100; i++) {
    Item item = t.addItem(i);

    item.getItemProperty("name").setValue("Item #" + i);

    hl = new HorizontalLayout(new Label(
            "This label is inside a HorizontalLayout."));
    hl.setWidth("100%");
    item.getItemProperty("layout").setValue(hl);

    hl = new HorizontalLayout(
            new Label(
                    "This label is inside a HorizontalLayout with TableClickForwarder."));
    hl.setWidth("100%");
    new TableClickForwarder(hl);
    item.getItemProperty("layout-e").setValue(hl);
}

Links

• Online Demo

Compatibility