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

Reply via email to