An external page can be displayed in a dynamically generated dialog on runtime.
Documentation<h:form> <p:commandButton value="View" icon="pi pi-home" action="#{dfView.viewCars}" /> <p:commandButton value="Options" icon="pi pi-home" action="#{dfView.viewCarsCustomized}" /> </h:form>
@Named("dfView") @RequestScoped public class DFView { public void viewCars() { Map<String,Object> options = new HashMap<String, Object>(); options.put("resizable", false); PrimeFaces.current().dialog().openDynamic("viewCars", options, null); } public void viewCarsCustomized() { Map<String,Object> options = new HashMap<String, Object>(); options.put("modal", true); options.put("width", 640); options.put("height", 340); options.put("contentWidth", "100%"); options.put("contentHeight", "100%"); options.put("headerElement", "customheader"); PrimeFaces.current().dialog().openDynamic("viewCars", options, null); } public void chooseCar() { Map<String,Object> options = new HashMap<String, Object>(); options.put("resizable", false); options.put("draggable", false); options.put("modal", true); PrimeFaces.current().dialog().openDynamic("selectCar", options, null); } public void onCarChosen(SelectEvent event) { Car car = (Car) event.getObject(); FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, "Car Selected", "Id:" + car.getId()); FacesContext.getCurrentInstance().addMessage(null, message); } public void showMessage() { FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, "What we do in life", "Echoes in eternity."); PrimeFaces.current().dialog().showMessageDynamic(message); } }
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui"> <h:head> <title>Cars</title> <style type="text/css"> .ui-widget { font-size: 90%; } </style> </h:head> <h:body> <i id="customheader" class="pi pi-home" style="display:none"></i> <p:dataTable var="car" value="#{dfCarsView.cars}"> <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:dataTable> </h:body> </html>
@Named("dfCarsView") @ViewScoped public class DFCarsView implements Serializable { private List<Car> cars; @Inject private CarService service; @PostConstruct public void init() { cars = service.createCars(9); } public List<Car> getCars() { return cars; } public void setService(CarService service) { this.service = service; } public void selectCarFromDialog(Car car) { PrimeFaces.current().dialog().closeDynamic(car); } }
@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); } }