0

当我单击 logOutButton 时，它似乎也在重新渲染 ajaxR 元素。我希望它只重新渲染我在 f:ajax 渲染属性中的 ID。或者它正在重新渲染整个页面。问题是，为什么它渲染 ajaxR 元素和/或整个页面，而不仅仅是我指定的 ID。

为了确保我清楚：当我单击注销按钮时，ajaxR 元素没有被渲染，因为 render="#{userIdBean.isLoggedIn}"。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
>
<h:head>
    <title>SandBox</title>
</h:head>
<h:body>

    <h1>SandBox</h1>    
    <h:form id="form1">

        Registration:<br></br>
        Email: <h:inputText value="#{regBean.email}"></h:inputText><br></br>
        User Id: <h:inputText value="#{regBean.userId}"></h:inputText><br></br>
        Password: <h:inputText id="passR" value="#{regBean.password}"></h:inputText><br></br>

        <h:outputText rendered="#{userIdBean.isLoggedIn}" id="nodeL" value="Good Luck: #{userIdBean.userId}" style="font-weight:bold" /><br></br>

        <h:commandButton value="Submit" type="submit" action="#{regBean.storeUserId}" />
        <h:commandButton id="logOutButton" rendered="#{userIdBean.isLoggedIn}" value="Log Out" type="submit" action="#{loginBean.logoutUser}" >
            <f:ajax event="keyup" render="nodeL logOutButton"/>
        </h:commandButton>
        <br></br>

    <h:outputText rendered="#{userIdBean.isLoggedIn}" value="AJAX Response: #{userIdBean.userId}"></h:outputText>

    </h:form>
</h:body>
</html>

这是 bean 代码的片段。

public String logoutUser(){
        userIdBean.setIsLoggedIn(false);
        userIdBean.setUserId(null);
        return null;
    }
4

2 回答 2

1

代码中有两个错误：

  1. 必须将组件中<f:ajax event>的设置为。您也可以完全离开该属性，然后它将默认为正常默认值（用于命令组件和输入组件）。UICommand<h:commandButton>actioneventactionvalueChange

    <h:commandButton id="logOutButton" rendered="#{userIdBean.isLoggedIn}" value="Log Out" type="submit" action="#{loginBean.logoutUser}" >
    <f:ajax render="nodeL logOutButton"/>
</h:commandButton>

  2. <f:ajax render>客户端 ID 应引用始终呈现给客户端的组件。然后，它将正是该组件的 HTML 表示，将由 JavaScript 更新。如果该组件的 HTML 表示不是 JSF 呈现给客户端的，因为rendered该组件的 是false，那么 JavaScript 没有什么可查找和更新的，实际上“什么都没有”会发生。例如，将其设置为@form表示整个表单：

    <h:commandButton id="logOutButton" rendered="#{userIdBean.isLoggedIn}" value="Log Out" type="submit" action="#{loginBean.logoutUser}" >
    <f:ajax render="@form" />
</h:commandButton>

    或一些始终呈现的常见包装器组件：

    <h:panelGroup id="group">    
    <h:outputText id="nodeL" value="Good Luck: #{userIdBean.userId}" style="font-weight:bold" rendered="#{userIdBean.isLoggedIn}" />
    <br></br>
    <h:commandButton value="Submit" action="#{regBean.storeUserId}" />
    <h:commandButton id="logOutButton" value="Log Out" action="#{loginBean.logoutUser}" rendered="#{userIdBean.isLoggedIn}">
        <f:ajax render="group" />
    </h:commandButton>
    <br></br>
    <h:outputText value="AJAX Response: #{userIdBean.userId}" rendered="#{userIdBean.isLoggedIn}" />
</h:panelGroup>
于 2012-04-10T12:48:39.933 回答
0

使用“ click”事件代替“ keyup”，如下所示。

<f:ajax event="click" render="nodeL logOutButton"/>
于 2012-04-09T03:50:17.800 回答