Something like this: <t:loop source="extensions" value="extension"> <t:jquery.Draggable t:id="draggableItem1" t:draggablecontext=" extension.id" > ${extension.name} ${extension.number} </t:jquery.Draggable> </t:loop>
<div t:type='zone' t:id="extensionZone" t:mixins='jquery/zonedroppable'> ${droppedExtension.name} ${droppedExtension.number} </div> Page.java --------- @InjectComponent private Zone extensionZone; @Property private Item extension; @Property private List<Extension> extensions; @Property private Item droppedExtension; @Inject private ExtensionDao extensionDao; void onActivate() { extensions = ???; } @OnEvent(value = JQueryEventConstants.DROP, component = "extensionZone") void Object dropOnExtensionZone(Object[] context){ String extensionId = (String) context[0]; this.droppedExtension = extensionDao.getFromDatabase(extensionId); return extensionZone.getBody(); }