<a:form id="form"> <h3 style="margin-top: 0">Basic Ring</h3> <a:ring id="basic" value="#{ringView.cars}" var="car"> <a:outputPanel style="text-align: center;" layout="block"> #{car.brand} <br /> <a:commandButton update=":form:carDetail" icon="ui-icon-search" title="View" oncomplete="PF('carDialog').show();"> <f:setPropertyActionListener value="#{car}" target="#{ringView.selectedCar}" /> </a:commandButton> </a:outputPanel> </a:ring> <h3>Images with Custom Easing</h3> <a:ring id="custom" value="#{ringView.cars}" var="car" styleClass="image-ring" easing="easeInOutBack"> <a:graphicImage id="img" name="/demo/images/car/#{car.brand}-big.gif" /> </a:ring> <a:dialog header="Car Info" widgetVar="carDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false" width="170"> <a:outputPanel id="carDetail" style="text-align:center;" layout="block"> <a:panelGrid columns="2" rendered="#{not empty ringView.selectedCar}" columnClasses="value"> <f:facet name="header"> <a:graphicImage name="demo/images/car/#{ringView.selectedCar.brand}-big.gif" /> </f:facet> <h:outputText value="Id:" /> <h:outputText value="#{ringView.selectedCar.id}" /> <h:outputText value="Year" /> <h:outputText value="#{ringView.selectedCar.year}" /> <h:outputText value="Brand: " /> <h:outputText value="#{ringView.selectedCar.brand}" /> <h:outputText value="Color:" /> <h:outputText value="#{ringView.selectedCar.color}" style="color:#{ringView.selectedCar.color}" /> </a:panelGrid> </a:outputPanel> </a:dialog> </a:form>
package com.jarch.showcase.view.data; import java.io.Serializable; import java.util.ArrayList; import java.util.List; import javax.annotation.PostConstruct; import javax.faces.bean.ManagedBean; import org.primefaces.showcase.domain.Car; @ManagedBean public class RingView implements Serializable { private List<Car> cars; private Car selectedCar; @PostConstruct public void init() { cars = new ArrayList<Car>(); cars.add(new Car("1", "Ford", 2000, "Black")); cars.add(new Car("2", "Audi", 2003, "Orange")); cars.add(new Car("4", "BMW", 2012, "Red")); cars.add(new Car("5", "Fiat", 2001, "Yellow")); cars.add(new Car("6", "Mercedes", 2014, "Blue")); } public List<Car> getCars() { return cars; } public void setCars(List<Car> cars) { this.cars = cars; } public Car getSelectedCar() { return selectedCar; } public void setSelectedCar(Car selectedCar) { this.selectedCar = selectedCar; } }