当a4j:commandLink和a4j:commandButton工作不正常时,Richfaces 4和JSF2.0出



我有一个简单的登录表单。当我单击"登录"时,a4j:commandButton运行良好,包含"登录"表单的地方变成了带有"注销"链接的"用户信息"。但当我点击注销链接时,ajax只显示状态,但如果我再次点击,则不会发生任何事情,用户将根据我的要求退出

这意味着我必须点击两次才能将用户注销???发生了什么?

<a4j:outputPanel id="login_wrapper" ajaxRendered="true">
                <h:form id="fm_logged" rendered="#{mAccount.loggedIn}">
                    <h3>User Information</h3>
                    <a4j:status name="login_form_status">
                            <f:facet name="start">
                                    <h:graphicImage library="images" name="ajax-loader.gif" />
                            </f:facet>
                    </a4j:status>
                    <h6><h:outputText value="Welcome! #{mAccount.acc.name}" /></h6>
                        <ul class="list1">
                        <li><h:link value="User Account Control" outcome="/pages/management/buyer_home" style="text-decoration:none;"></h:link></li>
                        <li><a4j:commandLink id="logout" status="login_form_status" actionListener="#{mAccount.Logout}" value="Logout" style="text-decoration:none;"></a4j:commandLink></li>
                        </ul>
                </h:form>           
                <h:form id="login-form" class="login-form" rendered="#{!mAccount.loggedIn}" >
                    <h3>Login Form</h3> 
                    <a4j:status name="login_form_status">
                            <f:facet name="start">
                                    <h:graphicImage library="images" name="ajax-loader.gif" />
                            </f:facet>
                    </a4j:status>                       
                    <h:outputText value="Wrong username or password" rendered="#{mAccount.wrongUsername}" style="color:red;" />
                    <fieldset>
                        <div class="field">
                            <label>Email: </label><h:inputText value="#{mAccount.acc.email}" /> 
                        </div>
                        <div class="field">
                            <label>Password</label><h:inputSecret value="#{mAccount.acc.password}" /> 
                        </div>
                        <div class="field">
                            <label class="alt">Remember me</label><h:selectBooleanCheckbox value="#{mAccount.rememberMe}" />
                        </div>
                        <ul>
                            <li><h:link outcome="forgot_password">Forgot your password?</h:link>
                            </li>
                            <li><h:link outcome="registration">Create an account.</h:link>
                            </li>
                        </ul>
                        <div class="wrapper">
                            <a4j:commandButton id="login" status="login_form_status" value="Login" actionListener="#{mAccount.Login}"> </a4j:commandButton>
                        </div>
                    </fieldset>
                </h:form>
            </a4j:outputPanel>

您有两个表单。当一个表单使用ajax重新呈现另一个表单时,另一个窗体的视图状态将丢失。在刷新表单之前,JSF不会处理表单提交(这就是第一次点击所做的,因此第二次点击就可以了(。

您需要重新排列ajax重新呈现逻辑,这样一个表单就不会重新呈现整个另一个表单,而只会重新呈现其内容。因此,在另一个<h:form>中添加一些包含id的组件,然后使用提交表单中ajax命令链接/按钮的reRender属性引用该组件

相关内容

  • 没有找到相关文章

最新更新