Question

我是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>

Answer 1

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

中

 <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" />

a4j：jsFunction无效

1 个答案: