Question

我有一个具有ajax的复合组件：

<composite:interface>
    <composite:attribute name="question" required="true"/>
    <composite:attribute name="value" required="false"/>
    <composite:attribute name="id" required="true" />
    <composite:clientBehavior name="alter" 
        event="change" targets="input"/>
</composite:interface>
<composite:implementation>
    <label for="#{cc.attrs.id}">
        <h:outputText value="#{cc.attrs.question}" />
    </label>
    <div class="fld">      
        <h:selectOneRadio value="#{cc.attrs.value}" id="input">
            <f:selectItem itemValue="true" itemLabel="Yes" />
            <f:selectItem itemValue="false" itemLabel="No" />
        </h:selectOneRadio>
    </div>
</composite:implementation>

当我在我的页面中使用这个复合组件时：

<question:yesNo question="#{myMSG['knowRegQuestion']}" value="#{vehicle.regKnown}" id="is-reg-known">
    <f:ajax event="alter" render="reg-unknown" />
</question:yesNo>
......
<h:panelGroup id="reg-unknown" styleClass="questionGroup man-veh-srch">
    ......
    <h:selectOneListbox value="#{vehicle.model}" size="1" rendered="#{vehicle.regKnown eq 'true'}">
        ......
    </h:selectOneListbox>
</h:panelGroup>

ajax正在触发，模型正在正确更新，但渲染不会改变。（我尝试了各种EL表达式）另外abax响应在firebug中看起来不正确：

<?xml version='1.0' encoding='UTF-8'?>
<partial-response id="j_id1"><changes><update id="j_id1:javax.faces.ViewState:0"><![CDATA[-2911901889097730230:4227240037100614528]]></update></changes></partial-response>

我错过了什么？（感谢）

Answer 1

<f:ajax render>中指定的任何相对客户端ID都是相对于组件树中的父ClientBehaviorHolder组件解析的。在您的特定情况下，这实际上是<h:selectOneRadio>。因此，在与reg-unknown相同的命名容器父中寻找具有客户端ID <h:selectOneRadio>的组件，<cc:implementation>本身（您可能已经知道复合组件实现NamingContainer }）。但是，所需的组件不在其中。

您最好指定一个绝对客户端ID（因此，从:开始，以便相对于UIViewRoot寻找它）。您可以通过两种通用方式实现此目的：

对其进行硬编码（假设这一切都在ID为form的表单中）：

<h:form id="form">
    <question:yesNo ...>
        <f:ajax event="alter" render=":form:reg-unknown" />
    </question:yesNo>
    ...
    <h:panelGroup id="reg-unknown" ...>
        ...
    </h:panelGroup>
</h:form>

参考UIComponent#getClientId()（如果父命名容器的ID未知）：

<h:form ...>
    <question:yesNo ...>
        <f:ajax event="alter" render=":#{regUnknown.clientId}" />
    </question:yesNo>
    ...
    <h:panelGroup binding="#{regUnknown}" ...>
        ...
    </h:panelGroup>
</h:form>

这确实很尴尬。这曾被报道为Mojarra issue 1510，但他们并不认为它是一个错误，因为复合组件本身并不应该知道复合组件之外的其他组件（尽管解决方案）理论上很简单：如果<f:ajax render>没有以:或@开头，那么在前面加上复合组件父级的客户端ID。 / p>

<f：ajax render =“”>无法通过<composite：clientbehavior> </composite：clientbehavior> </f：ajax>

1 个答案: