PrimeFaces Cookbook - Second Edition

Listing data with orderList

The orderList component is used to sort a collection with the support of drag-and-drop reordering, transition effects, and POJO support.

How to do it…

A basic definition for the orderList that sorts a collection of strings would be as shown here:

<p:orderList id="simple" value="#{orderListBean.countries}"
  var="country" itemLabel="#{country}" itemValue="#{country}" />

The visual output of the component will be as shown here:

There's more…

To define a header on top of orderList, a facet with the name caption should be provided as shown here:

<p:orderList id="withCaption" value="#{orderListBean.countries}" var="country" itemLabel="#{country}" ...