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();
}