3

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

输入元素：

<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 更新复合组件（Primefaces）中建议的 Balus（我不使用 primefaces），但页面仍然产生错误：“malformedXML：更新期间：form:compElem 未找到”。当我使用非复合元素时，一切正常。

4

1 回答 1

3

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

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

否则它会结束，<span id="compElem">而不是<span id="form:compElem">然后 JavaScript 找不到它，导致这个 malformedXML 错误。

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

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

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

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

也可以看看：

于 2013-08-28T13:27:56.133 回答