重新渲染复合组件的子组件

Question

有没有办法指定复合组件的子组件使用 f:ajax 重新渲染：

<f:ajax render="compositeComponent:childComponent" />

从我的简短实验来看，似乎不可能引用它们，但我想知道是否有替代策略来完成此任务。

Answer 1

它应该工作正常。它完全是客户端的（即，JSF 生成的 JavaScript 代码将其定位在 HTML DOM 树中）。

您可能引用了错误的客户端 ID。在网络浏览器中打开页面，右键单击并查看源代码，在页面源代码中找到生成的 HTML 元素并确定其 id 属性。您在 render 属性中指定的组件应绝对引用（前缀为 :）或相对引用（与父 UINamingContainer 组件相比）到它。

另一个可能的原因是您将 rendered 属性放在同一个复合组件的子组件上，该子组件的计算结果为 false ，这反过来又导致生成的 HTML 元素在 HTML 中完全丢失。 DOM 树。然后，您希望将 rendered 属性放在该组件的子组件上，如下所示：

<h:panelGroup id="childComponent">
    <h:outputText value="#{bean.text}" rendered="#{bean.rendered}" />
</h:panelGroup>