Question

我正在尝试在JSF 2中实现一个复合组件，它将支持“更改”ajax事件。 CC是：

<!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:p="http://primefaces.prime.com.tr/ui"
xmlns:composite="http://java.sun.com/jsf/composite">
<!-- INTERFACE -->
<composite:interface name="inputText">
    <composite:attribute name="label" />
    <composite:attribute name="value" />
    <composite:attribute name="disabled" default="false" />
    <composite:attribute name="required" default="false" />
    <composite:attribute name="rendered" default="true" />
    <composite:clientBehavior name="change" event="change" 
        targets="#{cc.clientId}:input" />
</composite:interface>

<!-- IMPLEMENTATION -->
<composite:implementation>
    <h:panelGroup id="#{cc.clientId}" rendered="#{cc.attrs.rendered}">
        <h:outputLabel value="#{cc.attrs.label}" for="input" />
        <h:inputText id="input" label="#{cc.attrs.label}" 
            value="#{cc.attrs.value}" disabled="#{cc.attrs.disabled}" 
            required="#{cc.attrs.required}" />
        <h:message for="input" />
    </h:panelGroup>
</composite:implementation>
</html>

现在，我试图以下面的形式使用它：

<h:form id="form">
    <input:inputText value="#{bean.value}" label="d1" id="d1">
        <f:ajax event="change" update="@this,d2,d3" />
    </input:inputText>
    <h:inputText value="#{bean.value}" id="d2">
         <f:ajax event="change" update="@this,d1,d3" />
    </h:inputText>
    <h:outputText id="d3" value="#{bean.value}" />
</h:form>

据我了解，如果我更改 d1 ，则d2和d3应显示d1的值，如果我更改 d2 ，则d1和d3都应更改因此也是如此问题是当我更改 d2 中的值时，它仅反映在d3中，而d1保持空白，当我更改 d2 时，d1和d2保持空白。<登记/>
我正在使用Mojarra 2.0.2（我无法在Google App Engine上制作2.0.3，这是我的AS）。我是否会错过构建复合组件的方式？或者它是Mojarra 2.0.2中的错误？

Answer 1

此：

<h:panelGroup id="#{cc.clientId}"

不正确。 #{cc.clientId}是您的组件的ID，该组件是该panelGroup的父级。将它们设置为具有相同的ID是不正确的。给它一个像“myComponentPanel”的id，它将具有“#{cc.clientId}:myComponentPanel”的绝对id（当放在组件树中时）。

我怀疑如果你纠正这个，你的ajax行为就会起作用。

JSF 2 Composite Component不使用f：ajax更新值

1 个答案: