January 2013
Intermediate to advanced
328 pages
7h 14m
English
Any component can be enhanced with a droppable behaviour. Droppable components are targets for draggable ones. To enable droppable functionality on any PrimeFaces component, we always need a component called Droppable.
In this recipe, we will see how to define droppable targets and learn a client-side callback onDrop.
A component can be made droppable by using p:droppable. The component ID must match the for attribute of p:droppable. If the for attribute is omitted, the parent component will be selected as a droppable target. We will take two h:panelGroup components and make them droppable and draggable respectively. In addition, we will define a client-side callback that gets invoked when a draggable component ...
Read now
Unlock full access