Introduction

Drag-and-drop is an action, meaning grabbing an object and dragging it to a different location. Components capable of being dragged and dropped enrich the Web and make a solid base for modern UI patterns. The drag-and-drop utilities in PrimeFaces allow us to create draggable and droppable user interfaces efficiently. They make it abstract for developers to deal with the implementation details on a browser level.

In this chapter, we will learn about PrimeFaces' drag-and-drop utilities—Draggable and Droppable. AJAX-enhanced drag-and-drop and a special integration with data iteration components will be explained as well.