Integrating drag-and-drop with data iteration components

The Droppable component has a special integration with the data iteration components extending javax.faces.component.UIData. Such PrimeFaces components are DataTable, DataGrid, DataList, Carousel, Galleria, Ring, and Sheet. The component tag p:droppable defines a datasource option as an ID of the data iteration component that needs to be connected with Droppable.

In this recipe, we will introduce a DataGrid component containing some imaginary documents and make these documents draggable in order to drop them onto a recycle bin. The DataGrid component will act as a data source for the droppable Recycle Bin.

How to do it...

For the purpose of better understanding the developed code, pictures ...

Get PrimeFaces Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.