包含div用于JSF复合组件

Question

我的应用程序中有许多复合组件，有时我需要整体引用这些组件。 默认情况下，复合组件不会在其子组件上生成任何额外的标记，因此，如果您为复合组件提供id属性，它只会将该ID附加到生成的子组件id上。 我想通过id引用整个组件（即在jquery操作中使用）。 JSF组件不允许在id属性中使用EL，因此，到目前为止，我将复合组件包装在纯HTML div中，如下所示：

<ui:component ...
xmlns:cc="http://java.sun.com/jsf/composite"
...>

<cc:interface componentType="myComponent">
    <cc:attribute name="process" type="java.lang.String" required="false" default="@form"/>
    <cc:attribute name="update" type="java.lang.String" required="false" default="@form"/>  
...
</cc:interface>

<cc:implementation>
    <h:outputStylesheet name="myComponent.css" library="css/components" target="head"/>
    <div id="#{cc.clientId}" class="myComponent #{cc.attrs.styleClass}">
        ... composite component implementation here ...     

    <p:dataTable id="note-history" styleClass="entity-notes-history" value="#{cc.notes}" var="note" paginator="true" paginatorAlwaysVisible="false" 
                                paginatorPosition="bottom" rows="5" rendered="#{not empty cc.notes}" rowStyleClass="#{note.noteBaseType.word}">
            ...

            <p:column rendered="#{note.noteBaseType == 'Warning' and not cc.attrs.displayOnly}" style="width: 8em;">
                <p:commandButton actionListener="#{cc.cancelSeverity(note.id)}" process="#{cc.attrs.process}" update="#{cc.attrs.update} update="note-history" value="Reduce Severity"/>
            </p:column>
        </p:dataTable>
    </div>

</cc:implementation>

该组件将按以下方式使用：

....
<ppa:myComponent id="myId" update="myId" />
....

不幸的是，如果我在复合组件中有任何ajax调用（特别是从primefaces中的p：ajax）调用，当我尝试让它们通过ID更新复合组件时，我会收到“找不到带有标识符的组件”异常。 有什么方法可以让JSF为我的复合组件自动生成有效的组件和容器？ 我真的很讨厌不得不生成两个包含div或spans（即在纯HTML div周围添加h：panelGroup）只是为了使ajax工作。 或者，是否有一种方法可以强制JSF在组件上允许动态ID？

编辑：

为了响应BallusC的回答，我编辑了示例代码，以更清楚地了解组件的构建和使用方式，因为给出他的回答，完全有可能我只是在做不允许的事情。

Answer 1

当我尝试让他们通过ID更新复合组件时，出现“找不到带有标识符的组件”异常

不幸的是，如果您在组合本身包含的更新中使用了组合的客户端ID，那么您就不会展示如何做到这一点，因为它应该可以正常工作：

<f:ajax render=":#{cc.clientId}" />

或者，您只是在更新中使用了复合材料自己的ID，而该更新是在同一命名容器父对象中的复合材料外部执行的：

<f:ajax render="myId" />

您很可能以错误的方式进行了操作。 例如，您忘记了:前缀，或者您使用#{cc.id}而不是#{cc.clientId} ，等等。据我所知，以上内容在到目前为止发布的所有Mojarra 2.x版本中始终有效。

也可以看看：

• 在f：ajax渲染中引用复合组件ID
• 是否可以使用JSF ajax更新非JSF组件（纯HTML）？

---

或者，是否有一种方法可以强制JSF在组件上允许动态ID？

您可以仅在id属性中使用EL，前提是它在视图构建时可用，因此不仅在视图渲染时可用。 另请参见JSF2 Facelets中的JSTL ...有意义吗？ 有关的背景信息。

---

更新根据您的问题的更新，其中，你终于告诉你如何试图去实现它;

同

<ppa:myComponent id="myId" update="myId" />

和

<p:commandButton ... update="#{cc.attrs.update}" />

您实际上实际上是在做

<p:commandButton ... update="myId" />

它基本上寻找与ID的分量myId复合本身的上下文内 ！ 它只会对同一<cc:implementation> <p:commandButton>旁边的<h:outputText id="myID">起作用。

可以理解功能要求，但是解决方案不是很好。 最接近的选择是（ab）使用@this并有条件地在update检查它：

<ppa:myComponent id="myId" update="@this" />

像这样

<p:commandButton ... update="#{cc.attrs.update == '@this' ? ':'.concat(cc.clientId) : cc.attrs.update}" />

---