PrimeFaces Cookbook

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 sorting a collection of strings would be as follows:

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

The output of the code is given as follows:

There's more...

With the controlsLocation attribute, we can control the position of the controls. The default value is left; other possible values are right and none.

Transition effects

Effects can be applied with the effect attribute ...