Question

也许我们熟悉Javascript中的确认弹出窗口。但是，在此示例中，我想基于具有2个要求的richFaces中的popupPanel创建一个自定义确认弹出窗口：

我可以描述确认框的要求如下：

在我们的应用程序有效数据（由ManagedBean中的一个操作方法处理）之后，会出现自定义确认框，并要求用户确认插入数据到数据库。
- 与我们使用window.confirm时不一样，点击页面中的按钮后会出现确认框。
用户确认确认此窗口，将数据插入数据库实施的操作方法

我现在想到一个解决方案是使用两个动作方法来处理一个弹出窗口。当我解决问题时，我会在这个问题上通知你。谢谢。

Answer 1

是的，一种方法是使用两种操作方法：一种用于验证，另一种用于实际操作。这实际上就是我自己为某些项目所做的事情。

这样做的一个好方法是创建一个包含此功能的复合组件，以便您可以在其他地方重复使用它。

使用以下代码在WebContent/resources/my/confirmButton.xhtml中创建复合组件：

<强>资源/我/ 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>

您可能需要更改它，根据需要添加属性和样式。

完成后，您可以为JSF视图声明组件的命名空间，并像这样使用和重用：

<!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>

另见：

Composite Component tag info

如何在JSF Managed Bean中使用action方法时显示确认（richfaces）弹出窗口？

1 个答案: