Wie um zu zeigen, bestätigen (richfaces) popup, wenn verwenden Sie die action-Methode in JSF Managed Bean?

Vielleicht sind wir vertraut mit dem bestätigen popup in Javascript. Allerdings, in diesem Beispiel, erstellen Sie eine benutzerdefinierte bestätigen popup-basierend auf popupPanel in richFaces, die 2 Anforderungen:

Kann ich beschreiben die Anforderungen der bestätigen-box ist wie folgt:

Nachdem unsere Anwendung gültige Daten (bearbeitet von einer action-Methode in der ManagedBean), dann die benutzerdefinierte bestätigen-box erscheint, und es fragt Benutzer, um zu bestätigen, einfügen von Daten in die Datenbank.
- Nicht so, wie wenn wir verwenden Fenster.bestätigen, bestätigen-Dialogfeld wird nach dem klicken wir auf die Schaltfläche in der Seite.
Benutzer bestätigen bestätigen Sie dieses Fenster, wird die action-Methode implementiert werden, zum einfügen von Daten in die Datenbank

Ich jetzt denke, eine Lösung ist die Verwendung von zwei action-Methode zum Umgang mit einem popup. Wenn ich mein problem lösen, ich ‘ll informieren Sie in dieser Frage. Danke.

InformationsquelleAutor Hung Phan Dang | 2012-08-25

jsf-2 richfaces

Ja, das ist ein Weg, das zu tun, ist die Verwendung von zwei action-Methoden: eine für die Validierung und die andere für die eigentliche Handlung. Das ist eigentlich die Art und Weise, die ich getan habe, es selbst für einige Projekte.

Einem guten Weg, es zu tun ist, erstellen Sie ein composite-Bauteil-Verpackung diese Funktionalität, so dass Sie es wiederverwenden in anderen Orten.

Erstellen eines composite-Bauteils in WebContent/resources/my/confirmButton.xhtml mit dem folgenden code:

Ressourcen/my/confirmButton.xhtml:

<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
  xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"
  xmlns:cc="http://java.sun.com/jsf/composite">
<cc:interface>
    <cc:attribute name="message" default="Do you want to proceed?" />
    <cc:attribute name="messageHeader" default="Confirm" />
    <cc:attribute name="action" required="true"
           method-signature="java.lang.String action()" />
    <cc:attribute name="validateMethod" required="true"
           method-signature="java.lang.String action()" />
    <cc:attribute name="value" default="Submit" />
    <cc:attribute name="cancelBtn" default="No" />
    <cc:attribute name="confirmBtn" default="Yes" />
</cc:interface>
<cc:implementation>
    <rich:popupPanel id="popup" header="#{cc.attrs.messageHeader}">
        <p>#{cc.attrs.message}</p>
        <input type="button" value="#{cc.attrs.cancelBtn}"
            onclick="#{rich:component('popup')}.hide()" />
        <a4j:commandButton action="#{cc.attrs.action}"
            value="#{cc.attrs.confirmBtn}" execute="@form" render="@form"
            onclick="#{rich:component('popup')}.hide()" />
    </rich:popupPanel>
    <a4j:commandButton action="#{cc.attrs.validateMethod}"
        value="#{cc.attrs.value}" execute="@form" render="@form"
        oncomplete="if(#{empty facesContext.maximumSeverity}){
            #{rich:component('popup')}.show()
        }" />
</cc:implementation>
</html>

Möchten Sie vielleicht, um es zu ändern, hinzufügen von Attributen und styling, wie Sie sehen, notwendig.

Wenn dies erledigt ist, können Sie erklären, den namespace für die Komponente JSF sichten und zu verwenden und wiederzuverwenden, wie dies:

<!DOCTYPE html>
<html ... xmlns:my="http://java.sun.com/jsf/composite/my">
    ...
    <h:form>
        <rich:messages />
        <h:panelGrid>
            Please, type something:
            <h:inputText value="#{someBean.someValue}" required="true" />

            <!-- simple example with the default labels: -->
            <my:confirmButton action="#{someBean.action}"
                validateMethod="#{someBean.preAction}" />

            <!-- second example calling other method and using custom labels: -->
            <my:confirmButton action="#{someBean.action2}"
                validateMethod="#{someBean.preAction}" value="action 2"
                message="Do you REALLY want to proceed?" />
        </h:panelGrid>
    </h:form>
    ...
</html>