Chapter 8. Drag Me, Drop Me

In this chapter we will cover:

  • Making a component draggable
  • Restricting dragging by axis, grid, and containment
  • Snapping to the edges of the nearest elements
  • Defining droppable targets
  • Restricting dropping by tolerance and acceptance
  • AJAX-enhanced drag-and-drop
  • Integrating drag-and-drop with data iteration components

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 ...

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.