DataList
DataList presents a collection of data in list layout.
Basic
- Renault, 1985, Brown
- Mercedes, 1984, Maroon
- Volvo, 1975, White
- BMW, 1995, Yellow
- Fiat, 2007, Orange
- Ford, 1981, Black
- Renault, 1985, Maroon
- Renault, 1999, White
- BMW, 1983, White
- BMW, 1971, Blue
Ordered
- Renault, 1985, Brown
- Mercedes, 1984, Maroon
- Volvo, 1975, White
- BMW, 1995, Yellow
- Fiat, 2007, Orange
- Ford, 1981, Black
- Renault, 1985, Maroon
- Renault, 1999, White
- BMW, 1983, White
- BMW, 1971, Blue
Advanced
Paginator with images, Links, Inset layout, formatting, header and footer.
List of Cars
List of Cars
Source
<h2 class="first">Basic</h2> <p:dataList value="#{dtBasicView.cars}" var="car"> <h:outputText value="#{car.brand}, #{car.year}, #{car.color}" /> </p:dataList> <h2>Ordered</h2> <p:dataList value="#{dtBasicView.cars}" var="car" type="ordered"> <h:outputText value="#{car.brand}, #{car.year}, #{car.color}" /> </p:dataList> <h2>Advanced</h2> <p>Paginator with images, Links, Inset layout, formatting, header and footer.</p> <p:dataList value="#{dtBasicView.cars}" var="car" pt:data-inset="true" paginator="true" rows="5"> <f:facet name="header"> List of Cars </f:facet> <h:outputLink value="#"> <p:graphicImage name="demo/images/car/#{car.brand}-big.gif" /> <h2>#{car.id}</h2> <p>#{car.brand}</p> <p class="ui-li-aside"><strong>#{car.year}</strong></p> </h:outputLink> <f:facet name="footer"> List of Cars </f:facet> </p:dataList>
package org.primefaces.showcase.view.data.datatable; import java.io.Serializable; import java.util.List; import javax.annotation.PostConstruct; import javax.faces.bean.ManagedBean; import javax.faces.bean.ManagedProperty; import javax.faces.bean.ViewScoped; import org.primefaces.showcase.domain.Car; import org.primefaces.showcase.service.CarService; @ManagedBean(name="dtBasicView") @ViewScoped public class BasicView implements Serializable { private List<Car> cars; @ManagedProperty("#{carService}") private CarService service; @PostConstruct public void init() { cars = service.createCars(10); } public List<Car> getCars() { return cars; } public void setService(CarService service) { this.service = service; } }
package org.primefaces.showcase.service; import java.util.ArrayList; import java.util.List; import java.util.UUID; import javax.faces.bean.ApplicationScoped; import javax.faces.bean.ManagedBean; import org.primefaces.showcase.domain.Car; @ManagedBean(name = "carService") @ApplicationScoped public class CarService { private final static String[] colors; private final static String[] brands; static { colors = new String[10]; colors[0] = "Black"; colors[1] = "White"; colors[2] = "Green"; colors[3] = "Red"; colors[4] = "Blue"; colors[5] = "Orange"; colors[6] = "Silver"; colors[7] = "Yellow"; colors[8] = "Brown"; colors[9] = "Maroon"; brands = new String[10]; brands[0] = "BMW"; brands[1] = "Mercedes"; brands[2] = "Volvo"; brands[3] = "Audi"; brands[4] = "Renault"; brands[5] = "Fiat"; brands[6] = "Volkswagen"; brands[7] = "Honda"; brands[8] = "Jaguar"; brands[9] = "Ford"; } public List<Car> createCars(int size) { List<Car> list = new ArrayList<Car>(); for(int i = 0 ; i < size ; i++) { list.add(new Car(getRandomId(), getRandomBrand(), getRandomYear(), getRandomColor(), getRandomPrice(), getRandomSoldState())); } return list; } private String getRandomId() { return UUID.randomUUID().toString().substring(0, 8); } private int getRandomYear() { return (int) (Math.random() * 50 + 1960); } private String getRandomColor() { return colors[(int) (Math.random() * 10)]; } private String getRandomBrand() { return brands[(int) (Math.random() * 10)]; } public int getRandomPrice() { return (int) (Math.random() * 100000); } public boolean getRandomSoldState() { return (Math.random() > 0.5) ? true: false; } public List<String> getColors() { return Arrays.asList(colors); } public List<String> getBrands() { return Arrays.asList(brands); } }