<a:form id="form"> <a:growl id="msgs" showDetail="true" /> <a:dataTable id="basicDT" var="car" value="#{dtSelectionView.cars1}"> <f:facet name="header"> Basic </f:facet> <a:column headerText="Id"> <h:outputText value="#{car.id}" /> </a:column> <a:column headerText="Year"> <h:outputText value="#{car.year}" /> </a:column> <a:column headerText="Brand"> <h:outputText value="#{car.brand}" /> </a:column> <a:column headerText="Color"> <h:outputText value="#{car.color}" /> </a:column> <a:column style="width:32px;text-align: center"> <a:commandButton update=":form:carDetail" oncomplete="PF('carDialog').show()" icon="ui-icon-search" title="View"> <f:setPropertyActionListener value="#{car}" target="#{dtSelectionView.selectedCar}" /> </a:commandButton> </a:column> </a:dataTable> <a:dataTable id="singleDT" var="car" value="#{dtSelectionView.cars2}" selectionMode="single" selection="#{dtSelectionView.selectedCar}" rowKey="#{car.id}"> <f:facet name="header"> Single with Row Click </f:facet> <a:column headerText="Id"> <h:outputText value="#{car.id}" /> </a:column> <a:column headerText="Year"> <h:outputText value="#{car.year}" /> </a:column> <a:column headerText="Brand"> <h:outputText value="#{car.brand}" /> </a:column> <a:column headerText="Color"> <h:outputText value="#{car.color}" /> </a:column> <f:facet name="footer"> <a:commandButton process="singleDT" update=":form:carDetail" icon="ui-icon-search" value="View" oncomplete="PF('carDialog').show()" /> </f:facet> </a:dataTable> <a:dataTable id="eventsDT" var="car" value="#{dtSelectionView.cars3}" selectionMode="single" selection="#{dtSelectionView.selectedCar}" rowKey="#{car.id}"> <f:facet name="header"> Select Events </f:facet> <a:ajax event="rowSelect" listener="#{dtSelectionView.onRowSelect}" update=":form:msgs" /> <a:ajax event="rowUnselect" listener="#{dtSelectionView.onRowUnselect}" update=":form:msgs" /> <a:column headerText="Id"> <h:outputText value="#{car.id}" /> </a:column> <a:column headerText="Year"> <h:outputText value="#{car.year}" /> </a:column> <a:column headerText="Brand"> <h:outputText value="#{car.brand}" /> </a:column> <a:column headerText="Color"> <h:outputText value="#{car.color}" /> </a:column> </a:dataTable> <a:dataTable id="multipleDT" var="car" value="#{dtSelectionView.cars4}" selectionMode="multiple" selection="#{dtSelectionView.selectedCars}" rowKey="#{car.id}"> <f:facet name="header"> Multiple with Meta and Shift keys </f:facet> <a:column headerText="Id"> <h:outputText value="#{car.id}" /> </a:column> <a:column headerText="Year"> <h:outputText value="#{car.year}" /> </a:column> <a:column headerText="Brand"> <h:outputText value="#{car.brand}" /> </a:column> <a:column headerText="Color"> <h:outputText value="#{car.color}" /> </a:column> <f:facet name="footer"> <a:commandButton process="multipleDT" update=":form:multiCarDetail" icon="ui-icon-search" value="View" oncomplete="PF('multiCarDialog').show()" /> </f:facet> </a:dataTable> <a:dataTable id="radioDT" var="car" value="#{dtSelectionView.cars5}" selection="#{dtSelectionView.selectedCar}" rowKey="#{car.id}"> <f:facet name="header"> RadioButton </f:facet> <a:column selectionMode="single" style="width:16px;text-align:center"/> <a:column headerText="Id"> <h:outputText value="#{car.id}" /> </a:column> <a:column headerText="Year"> <h:outputText value="#{car.year}" /> </a:column> <a:column headerText="Brand"> <h:outputText value="#{car.brand}" /> </a:column> <a:column headerText="Color"> <h:outputText value="#{car.color}" /> </a:column> <f:facet name="footer"> <a:commandButton process="radioDT" update=":form:carDetail" icon="ui-icon-search" value="View" oncomplete="PF('carDialog').show()" /> </f:facet> </a:dataTable> <a:dataTable id="checkboxDT" var="car" value="#{dtSelectionView.cars6}" selection="#{dtSelectionView.selectedCars}" rowKey="#{car.id}" style="margin-bottom:0"> <f:facet name="header"> Checkbox </f:facet> <a:column selectionMode="multiple" style="width:16px;text-align:center"/> <a:column headerText="Id"> <h:outputText value="#{car.id}" /> </a:column> <a:column headerText="Year"> <h:outputText value="#{car.year}" /> </a:column> <a:column headerText="Brand"> <h:outputText value="#{car.brand}" /> </a:column> <a:column headerText="Color"> <h:outputText value="#{car.color}" /> </a:column> <f:facet name="footer"> <a:commandButton process="checkboxDT" update=":form:multiCarDetail" icon="ui-icon-search" value="View" oncomplete="PF('multiCarDialog').show()" /> </f:facet> </a:dataTable> <a:dialog header="Car Info" widgetVar="carDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false"> <a:outputPanel id="carDetail" style="text-align:center;"> <a:panelGrid columns="2" rendered="#{not empty dtSelectionView.selectedCar}" columnClasses="label,value"> <f:facet name="header"> <a:graphicImage name="demo/images/car/#{dtSelectionView.selectedCar.brand}-big.gif"/> </f:facet> <h:outputText value="Id:" /> <h:outputText value="#{dtSelectionView.selectedCar.id}" /> <h:outputText value="Year" /> <h:outputText value="#{dtSelectionView.selectedCar.year}" /> <h:outputText value="Color:" /> <h:outputText value="#{dtSelectionView.selectedCar.color}" style="color:#{dtSelectionView.selectedCar.color}"/> <h:outputText value="Price" /> <h:outputText value="$#{dtSelectionView.selectedCar.price}" /> </a:panelGrid> </a:outputPanel> </a:dialog> <a:dialog header="Selected Cars" widgetVar="multiCarDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false" width="220"> <a:outputPanel id="multiCarDetail" style="text-align:center;"> <ui:repeat value="#{dtSelectionView.selectedCars}" var="car"> <h:outputText value="#{car.id} - #{car.brand}" style="display:block"/> </ui:repeat> </a:outputPanel> </a:dialog> </a:form>
package com.jarch.showcase.view.datatable.data; import java.io.Serializable; import java.util.List; import javax.annotation.PostConstruct; import javax.faces.application.FacesMessage; import javax.faces.bean.ManagedBean; import javax.faces.bean.ManagedProperty; import javax.faces.bean.ViewScoped; import javax.faces.context.FacesContext; import org.primefaces.event.SelectEvent; import org.primefaces.event.UnselectEvent; import org.primefaces.showcase.domain.Car; import org.primefaces.showcase.service.CarService; @ManagedBean(name="dtSelectionView") @ViewScoped public class SelectionView implements Serializable { private List<Car> cars1; private List<Car> cars2; private List<Car> cars3; private List<Car> cars4; private List<Car> cars5; private List<Car> cars6; private Car selectedCar; private List<Car> selectedCars; @ManagedProperty("#{carService}") private CarService service; @PostConstruct public void init() { cars1 = service.createCars(10); cars2 = service.createCars(10); cars3 = service.createCars(10); cars4 = service.createCars(10); cars5 = service.createCars(10); cars6 = service.createCars(10); } public List<Car> getCars1() { return cars1; } public List<Car> getCars2() { return cars2; } public List<Car> getCars3() { return cars3; } public List<Car> getCars4() { return cars4; } public List<Car> getCars5() { return cars5; } public List<Car> getCars6() { return cars6; } public void setService(CarService service) { this.service = service; } public Car getSelectedCar() { return selectedCar; } public void setSelectedCar(Car selectedCar) { this.selectedCar = selectedCar; } public List<Car> getSelectedCars() { return selectedCars; } public void setSelectedCars(List<Car> selectedCars) { this.selectedCars = selectedCars; } public void onRowSelect(SelectEvent event) { FacesMessage msg = new FacesMessage("Car Selected", ((Car) event.getObject()).getId()); FacesContext.getCurrentInstance().addMessage(null, msg); } public void onRowUnselect(UnselectEvent event) { FacesMessage msg = new FacesMessage("Car Unselected", ((Car) event.getObject()).getId()); FacesContext.getCurrentInstance().addMessage(null, msg); } }
package com.jarch.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); } }