jsf - Primefaces drop event is not invoked -

jsf - Primefaces drop event is not invoked -

i using drag , drop datagrid. expose code. using primefaces 4.0 , have followed exemple detailed in documentation. problem drop function dropquery not invoked.

<div id="columnwrap"> <p:droppable for="report" tolerance="touch" activestyleclass="ui-state-highlight" datasource="availablequeries" ondrop="handledrop" > <p:ajax listener="#{dragquerymb.dropquery}" update="droparea availablequeries"/> </p:droppable> <div id="column1"> <p:fieldset id="report" legend="report" > <p:outputpanel id="droparea"> <h:outputtext value="drop here" rendered="#{not empty dragquerymb.addedqueries}" style="font-size:16px;" /> </p:outputpanel> </p:fieldset> </div> </div> <div id="column2"> <p:fieldset id="queryfield" legend="available queries" > <p:commandlink value="add new query" action="createquery?faces-redirect=true" style="position: right" ></p:commandlink> <p:datagrid id="availablequeries" value="#{dragquerymb.querylist}" var="query" columns="1"> <p:column> <p:panel id="pnl" header="#{query.querytitle}" style="text-align:center"> <h:panelgrid columns="1" style="width:100%"> <h:outputtext value="#{query.description}" /> </h:panelgrid> </p:panel> </p:column> <p:draggable for="pnl" revert="true" handle=".ui-panel-titlebar" stack=".ui-panel"/> </p:datagrid> </p:fieldset> </div>

method dropquery:

public void dropquery(dragdropevent ddevent) { query query = ((query) ddevent.getdata()); addedqueries.add(query); querylist.remove(query); }

jsf primefaces drag-and-drop