OrderList
OrderList is used to sort a collection via Drag and Drop based reordering, transition effects, pojo support, theme support and more.
Source
<h:form id="form">
<h3 style="margin-top:0">Basic OrderList</h3>
<p:orderList value="#{orderListBean.cities}" var="city" controlsLocation="none"
itemLabel="#{city}" itemValue="#{city}" id="basicList"/>
<p:commandButton value="Submit" update="displayCities" oncomplete="cityDialog.show()" style="margin-top:5px" id="btnCitySubmit"/>
<h3>Pojo Support with Clip Effect, Captions, Custom Content and Reorder Controls</h3>
<p:orderList value="#{orderListBean.players}" var="player"
itemValue="#{player}" converter="player" controlsLocation="left" id="customList">
<f:facet name="caption">Available</f:facet>
<p:column style="width:25%">
<p:graphicImage value="/images/barca/#{player.photo}" width="30" height="40" />
</p:column>
<p:column style="width:75%;">
#{player.name} - #{player.number}
</p:column>
</p:orderList>
<p:commandButton value="Submit" update="displayPlayers" oncomplete="playerDialog.show()" style="margin-top:5px" id="btnPlayerSubmit"/>
<p:dialog modal="true" showEffect="fade" hideEffect="fade" widgetVar="cityDialog" header="Cities" width="200" id="dlgCities">
<p:dataList id="displayCities" value="#{orderListBean.cities}" var="city">
<h:outputText value="#{city}" />
</p:dataList>
</p:dialog>
<p:dialog modal="true" showEffect="fade" hideEffect="fade" widgetVar="playerDialog" header="Players" width="200" id="dlgPlayers">
<h:panelGrid id="displayPlayers" columns="2">
<ui:repeat value="#{orderListBean.players}" var="player">
<h:outputText value="#{player.name} - #{player.number}" style="margin-right:5px" />
<br />
</ui:repeat>
</h:panelGrid>
</p:dialog>
</h:form>
package org.primefaces.examples.view;
import java.util.ArrayList;
import java.util.List;
import org.primefaces.examples.domain.Player;
public class OrderListBean {
private List<Player> players;
private List<String> cities;
public OrderListBean() {
//Players
players = new ArrayList<Player>();
players.add(new Player("Messi", 10, "messi.jpg"));
players.add(new Player("Iniesta", 8, "iniesta.jpg"));
players.add(new Player("Villa", 7, "villa.jpg"));
players.add(new Player("Xavi", 6, "xavi.jpg"));
//Cities
cities = new ArrayList<String>();
cities.add("Istanbul");
cities.add("Ankara");
cities.add("Izmir");
cities.add("Antalya");
cities.add("Bursa");
}
public List<String> getCities() {
return cities;
}
public void setCities(List<String> cities) {
this.cities = cities;
}
public List<Player> getPlayers() {
return players;
}
public void setPlayers(List<Player> players) {
this.players = players;
}
}
