我有一个简单的登录表单。当我单击"登录"时,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
属性引用该组件