Question

有一个输入元素，我想在用户输入内容后更新它。

输入元素：

<h:form id="form">
    <h:inputText value="#{message.message}"> 
        <f:ajax event="keyup" render="form:compElem"/> 
    </h:inputText> 
    <compositeOutputComponents:test2 id="compElem" message="#{message.message}"/>
</h:form>

这就是我的复合元素的样子：

<?xml version="1.0" encoding="UTF-8"?>
<!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:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:composite="http://java.sun.com/jsf/composite">
  <h:head>
  </h:head>
    <h:body>
            <fieldset>
                <composite:interface>
                    <composite:attribute name="id"/>
                    <composite:attribute name="message" required="true"/>
                </composite:interface>
                <composite:implementation>
                    <span id="#{cc.attrs.id}">
                        <h:outputText value="#{cc.attrs.message}"/>
                    </span>
                </composite:implementation>
            </fieldset>
    </h:body>

我尝试将id传递给复合元素，因为JSF Updating Composite Component (Primefaces)中的Balus建议（我不使用primefaces），但页面仍会产生错误：“malformedXML：更新期间：form：compElem not found”。当我使用非复合元素时，一切正常。

Answer 1

在复合实现中，您需要#{cc.clientId}而不是#{cc.attrs.id}。

<span id="#{cc.clientId}">

否则它将以<span id="compElem">而不是<span id="form:compElem">结束，然后JavaScript无法再找到它，从而导致此格式错误的XML错误。

一旦你修复了那个部分，那么你可以用<f:ajax render>引用它，就像你引用同一形式的任何其他非复合组件一样：

<f:ajax ... render="compElem" />

或者如果您因某种原因坚持指定绝对客户端ID（但这是不必要的）：

<f:ajax ... render=":form:compElem" />

JSF2使用ajax更新复合元素

1 个答案:

另见：