0

我对 JSF 和 RichFaces 很陌生。我正在使用 RichFaces 4.X 和 JSF 2.0。我创建了一个示例页面,其中我的命令按钮称为 a4j 按钮,但它似乎不起作用。这是我的页面。有人可以帮忙吗

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<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:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:f="http://java.sun.com/jsf/core">

<h:head>
    <title>My Registration Page</title>
    <link href="stylesheet/reset.css" rel="stylesheet" type="text/css" />
    <link href="stylesheet/style.css" rel="stylesheet" type="text/css" />
    <link rel="icon" type="image/png" href="images/icons/favicon.png" />

    <script language="javascript">
        function showProgressBar()
        {
            alert("its in show");
        }

        function hideProgressBar()
        {
            alert("its in hide");
        }
        </script>
</h:head>
<h:body>
    <a4j:jsFunction name="login" action="#{loginBean.validateUser}"
        onbegin="showProgressBar();"
        oncomplete="hideProgressBar();" />


    <div id="login-container">
        <div class="login-logo">
            <img src="images/logo.png" />
        </div>
        <f:view>
            <div id="loin-form">
                <h1>
                    Log in to your account or <a href="#">sign up</a> to Get Started
                </h1>
                <h:form>
                    <h:inputText id="userName" value="#{loginBean.userName}"
                        validator="#{loginBeanValidator.validateUserName}" required="true"
                        class="txtFld" />
                    <h:message for="userName"></h:message>
                    <h:inputSecret id="passWord" value="#{loginBean.passWord}"
                        validator="#{loginBeanValidator.validatePassword}" required="true"
                        class="pswrdFld" />
                    <h:message for="passWord"></h:message>
                    <p>
                        <a4j:commandLink id="forgotPasswordLink"
                            value="Forgot Your Password? " />
                        <a4j:commandButton id="loginButton" value="Sign In" action="login();"
                            styleClass="sign-btn" />
                    </p>
                </h:form>
            </div>
        </f:view>
    </div>
</h:body>
</html>
4

1 回答 1

4

实际问题出在您的命令按钮中

 <a4j:commandButton id="loginButton" value="Sign In" action="login();"
     styleClass="sign-btn" />

“action”属性需要一个操作方法的 EL 表达式,当按下按钮或导航规则时,该操作方法将在服务器上执行。a4j:jsFunction 的目的是从 javascript 调用执行 ajax 请求,而 a4j:commandButton 的目的是在按下时执行 ajax 请求。在您的情况下,您实际上并不需要 a4j:jsFunction。只需将其删除并将其属性放在 a4j:commandButton 上,如下所示:

 <a4j:commandButton id="loginButton" value="Sign In" 
    action="#{loginBean.validateUser}" onbegin="showProgressBar();"
    oncomplete="hideProgressBar();" styleClass="sign-btn" />
于 2012-10-21T10:24:43.243 回答