Draggable list of Layouts - Tree, Table or DIY?

I want to create a vertical list of

s each containing text, links, buttons etc. In traditional HTML/JS I’d code something like this:

Title

Bla bla bla

spam

Title

Bla bla bla

spam

Title

Bla bla bla

spam

Each wrapping

should be draggable, selectable and navigable by pressing the up/down arrows.

I have tried Table, but cells made of CustomLayout/CssLayout etc don’t respond to mousedown for dragging.

I have also tried Tree, but couldn’t figure out how to add nodes which were not restricted to String (ie I coudn’t figure out how to implement custom items).

Also, I don’t want the odd/even row styling of Table, but would eventually like a background with a rounded corners for the selected row.

Could somebody please advise how best to proceed?

  • Why don’t Table cells which are CustomLayouts etc respond to dragging?
  • How do you implement a non-String Tree node?
  • If necessary, which is the best Vaadin class to extend to implement the functionality I need? ie - drag, select, up/down arrows, scrollable

Maybe the
DragDropLayout-Addon
is the right thing for you.