ColumnToggler is a helper component of datatable to toggle the visibility of columns.
DocumentationId | Year | Brand | Color | Price |
---|---|---|---|---|
cb989ef9 | 1977 | BMW | Orange | $88,694.00 |
5173a033 | 1993 | Renault | Red | $97,688.00 |
f7a53b9e | 1987 | Fiat | White | $41,747.00 |
0f763ec3 | 1980 | Volkswagen | Black | $96,231.00 |
ec7b5478 | 1982 | Fiat | Green | $28,972.00 |
1a44a35e | 1987 | Ford | Blue | $3,211.00 |
473facc1 | 1971 | Volvo | Green | $61,463.00 |
e0bb396e | 1975 | BMW | Green | $61,956.00 |
fba492f3 | 2004 | Volkswagen | White | $79,776.00 |
3a3deee6 | 1967 | Jaguar | White | $63,693.00 |
<style type="text/css"> .ui-datatable-header { height: 50px } </style> <p:dataTable id="cars" var="car" value="#{dtBasicView.cars}"> <f:facet name="header"> List of Cars <p:commandButton id="toggler" type="button" value="Columns" style="float:right" icon="pi pi-align-justify" /> <p:columnToggler datasource="cars" trigger="toggler" /> </f:facet> <p:column headerText="Id"> <h:outputText value="#{car.id}" /> </p:column> <p:column headerText="Year"> <h:outputText value="#{car.year}" /> </p:column> <p:column headerText="Brand"> <h:outputText value="#{car.brand}" /> </p:column> <p:column headerText="Color"> <h:outputText value="#{car.color}" /> </p:column> <p:column headerText="Price"> <h:outputText value="#{car.price}"> <f:convertNumber type="currency" currencySymbol="$" /> </h:outputText> </p:column> </p:dataTable>
@Named("dtBasicView") @ViewScoped public class BasicView implements Serializable { private List<Car> cars; @Inject 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; } }
@Named @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)]; } private int getRandomPrice() { return (int) (Math.random() * 100000); } private 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); } }