JSF: Dynamische "Seite einschließen" in primefaces dialog

Ich möchte den Inhalt einer primefaces dialog von einer anderen Seite mit ui:include. Die enthaltene Seite muss eingestellt werden dynamisch, je nachdem, auf welche Schaltfläche der Benutzer geklickt hat. Ich benutzt die sehr hilfreiche Antwort von BalusC von JSF dynamischen include mit Ajax-request.

Funktioniert es sehr gut, wie im Beispiel. Aber Probleme kommen, wenn ich eine p:dialog anstelle von h:panelGroup:

<h:form>
  <f:ajax render=":dialog">
    <p:commandButton value="page1" action="#{productBean.setDialogPage('/page1.xhtml')}" oncomplete="dialogWidget.show()"></p:commandButton>
    <p:commandButton value="page2" action="#{productBean.setDialogPage('/page2.xhtml')}" oncomplete="dialogWidget.show()"></p:commandButton>
  </f:ajax>
</h:form>
<p:dialog id="dialog" widgetVar="dialogWidget" >
        <ui:include src="#{productBean.dialogPage}" />
</p:dialog>

1. problem: Manchmal habe ich auf eine Taste mehrere Male, bevor Dialogfeld wird angezeigt. Es scheint nicht zu Folgen ohne Muster, aber ist ein zufälliger Effekt. Manchmal muss ich zweimal klicken, manchmal muss ich klicken Sie viermal auf die Taste.

2. problem: Manchmal, der dialog erscheint nicht mit der ausgewählten Seite, aber mit dem alten. Wenn ich schließen-dialog und wählen Sie wieder, die aktuelle Seite geladen ist. Es scheint ein random-Effekt, zu.

Warum bekomme ich diese Probleme mit dialog?

Ich gedebuggt Berufung getDialogPage() und setDialogPage() in der Bean. Ich bemerkte, dass wenn alles OK war, die Anruf-Sequenz wurde die get-SET-get-get-get. Aber wenn ich den alten, falschen Seite aus, die Folge war " get-get-get-SET-bekommen.

InformationsquelleAutor Alexej Detert | 2014-06-02

  1. 7

    hy,
    ich weiß nicht, warum Sie mit diesem Modus dynamique dialog,
    für mich, wie ich diesen Modus verwenden:

    <h:form>
<p:commandButton value="page1"
    actionListener="#{productBean.setDialogPage('page1')}" oncomplete="PF('dialogWidget').show()" update="dialog"/>
<p:commandButton value="page2"
    actionListener="#{productBean.setDialogPage('page2')}" oncomplete="PF('dialogWidget').show()" update="dialog"/>
</h:form>

<p:dialog id="dialog" widgetVar="dialogWidget">
    <ui:include src="/#{productBean.dialogPage}.xhtml" />
</p:dialog>

    und:

    Seite1.xhtml

    <ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">

    <h:form>
           <!-- your code -->
    </h:form>
</ui:composition>

    es funktioniert Prima 🙂

    Dank diesem Beitrag helfen Sie mir!

    InformationsquelleAutor sghaier ali

  2. 1

    Wenn Sie ein reverse Engineering bestehender Tabellen mit Netbeans 8 (Erzeugung von Entitäten + erzeugen jsf-Seiten), wird es etwas sehr ähnliches aus der box; auf der Liste-Seite gibt es ein create-Schaltfläche zeigt ein Dialogfeld, aufgenommen von einer anderen Seite. Sie sollten es versuchen, werden Sie sicher, dass Sie "primefaces" in der letzten Seite der Anleitung für die Erzeugung von jsf-Seiten. Sie tun es so:

    Liste.xhtml:

    <p:commandButton id="createButton" icon="ui-icon-plus"   value="#{bundle.Create}" actionListener="#{kornstoranalyseStdController.prepareCreate}" update=":KornstoranalyseStdCreateForm" oncomplete="PF('KornstoranalyseStdCreateDialog').show()" />

    Erstellen.xhtml enthalten ist <ui:include src="Create.xhtml"/> unten </h:form> in der Liste-Seite.

    Erstellen.xhtml beginnt mit: 

     <ui:composition>

    <p:dialog id="KornstoranalyseStdCreateDlg" width="500px" widgetVar="KornstoranalyseStdCreateDialog" modal="true" resizable="true" showEffect="clip" appendTo="@(body)" header="#{bundle.CreateKornstoranalyseStdTitle}" hideEffect="clip" position="top">
        <h:form id="KornstoranalyseStdCreateForm">

    Hoffentlich können Sie zwicken, um Ihre Bedürfnisse anzupassen.

    InformationsquelleAutor Jaqen H'ghar

Schreibe einen Kommentar