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 for content transition when a selection is moved upwards or downwards. The default value of effect is fade. Possible values for the attribute are:

• blind

• clip

• drop

• explode

• fade

• fold

• puff

• scale

• slide

PrimeFaces Cookbook Showcase application

This recipe is available in the PrimeFaces Cookbook Showcase application on GitHub at https...