<f：ajax 事件> 不适用于 <ui：composition template= " " >

我有一个奇怪的问题，我不知道主要原因，我有这些登录页面，它使用<f:ajax event="">来验证用户名和密码:

<!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:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head></h:head>
<h:body>
<h:form>
<h:panelGrid columns="3">
Name:
<h:inputText id="name" value="#{validateBean.name}"
    validator="#{validateBean.validateName}">
    <f:ajax event="blur" render="nameError" />
</h:inputText>
            <h:message for="name" id="nameError" style="color:red" />
Password:
<h:inputText id="password" value="#{validateBean.password}"
    validator="#{validateBean.validatePassword}">
    <f:ajax event="blur" render="passwordError" />
</h:inputText>
        <h:message for="password" id="passwordError" style="color:red" />
                <h:commandButton value="Login" action="# {validateBean.login}" />
</h:panelGrid>

这些JSF可以正常工作，但是当我将相同的上述组件放在<ui:composition template="">下以便与模板

一起使用这些页面时，问题就出现了

<!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:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/WEB-INF/Templates/BasicTemplate.xhtml">
<ui:define name="content">
    <center>
        <h:form>
            <h:panelGrid columns="3">
Name:
<h:inputText id="name" value="#{validateBean.name}"
                    validator="#{validateBean.validateName}">
                    <f:ajax event="blur" render="nameError" />
                </h:inputText>
                <h:message for="name" id="nameError"  style="color:red" />
Password:
<h:inputText id="password" value="#{validateBean.password}"
                    validator="# {validateBean.validatePassword}">
                    <f:ajax event="blur" render="passwordError"  />
                </h:inputText>
                <h:message for="password" id="passwordError"   style="color:red" />
                <h:commandButton value="Login" action="# {validateBean.login}" />
            </h:panelGrid>
        </h:form>
    </center>
</ui:define>
</ui:composition>
</html>

为了更清晰，这里是JSF模板页面:

<!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">
<head>
<title><ui:insert name="title">Default title</ui:insert></title>
</head>
<body>
<div id="header">
<ui:insert name="header">
    <ui:include src="header.xhtml"/> // normal page contains plain text
 </ui:insert>
 </div>
 <div id="content">
 <ui:insert name="content">
    Content area.  See comments below this line in the source.
  </ui:insert>
  </div>
   <div id="footer">
   <ui:insert name="footer">
    <ui:include src="footer.xhtml"/> // normal page contains plain text
    </ui:insert> 
    </div>
    </body>
     </html>

当我尝试后一种方法的AJAX动作根本不火，请有人向我解释为什么会发生这种情况?

您在主模板中使用<head>而不是<h:head>。这样，JSF就无法自动包含ajax工作所需的jsf.js JavaScript文件。

修改如下:

<html ...>
    <h:head>
        ...
    </h:head>
    <h:body>
        ...
    </h:body>
</html>

参见:

commandButton/commandLink/ajax action/listener方法未被调用或输入值未更新-第6点

参见:

相关内容

最新更新

热门标签：