Erstellen PrimeFaces-Dialoge dynamisch

Question

Ich benutze Primefaces 3.3.1 und JSF 2 (Mojarra 2.1.9).

Ich habe eine Seite mit einer DataTable-Komponente und Dialog, um Details von DataTable-Einträgen anzuzeigen. Das ist sehr einfach, wenn ich einen Dialog habe. Was ich will, ist zu versuchen, Benutzern zu erlauben, zwei oder drei dailogs mit Details von verschiedenen Einträgen in der gleichen Zeit zu öffnen. Hat jemand eine Idee, wie man den gesamten Dialog mit AJAX vom Server bekommt, nicht nur einen Dialoginhalt?

Answer 1

Ja, tat ich. Zu diesem Zweck habe ich notwendige Dialoge programmatisch in Backing Bean erstellt. Ich weiß, das ist nicht wirklich beste Praxis, aber in diesem Moment denke ich, dass dies nur eine mögliche Lösung ist. Zuerst habe ich ein Gruppen-Panel hinzugefügt, das Container für Dialoge auf meiner JSF-Seite ist. Dann auf Bohnen Sicherung habe ich einige Code wie folgt aus:

UIComponent panelGroup = facesContext.getViewRoot().findComponent("panel_id"); 
Dialog dialog = new Dialog(); 
dialog.setHeader("Sample"); 
dialog.setVisible(true); 
dialog.setMinimizable(true); 
... 
panelGroup.getChildren().add(dialog); 
... 
RequestContext requestContext = RequestContext.getCurrentInstance(); 
requestContext.update("panel_id"); 

Answer 2

Dialog ID kann auch dynamisch sein, so können Sie eine ID oder einen anderen Wert erstellen und ihm geben.

<p:dialog header="Choose Delimiter Type" id="dialog" 
    widgetVar="exportDialog#{p.Id}" resizable="false" > 

und Aufruf über die Schaltfläche;

<p:commandButton id="id" value="xxx" 
      actionListener="#{p.export2CSV}" ajax="false" 
      onclick="exportDialog#{p.tabId}.show()">     
     </p:commandButton> 

Answer 3

@newuserua Ihr Code nicht funktioniert widgetVar Wert gefassten nur einmal beim Laden der Seite

... 
requestContext.update("panel_id"); 

die obige Zeile aktualisiert komplette Panel seine erfrischende alle der vorhandene Dialog und seine Inhalte.