是否可以使用JSF ajax更新非JSF组件(纯HTML)？

Question

是否可以更新我的页面中不是JSF组件的部分？

例如,我可以更新纯HTML,<div>还是需要将其包装在JSF组件中？

Answer 1

是否可以更新我的页面中不是JSF组件的部分？

否.要更新的组件必须可用UIViewRoot#findComponent(),以便JSF可以找到它们,encodeAll()在其上调用,捕获生成的HTML输出并在ajax响应中传回它,以便JavaScript可以用它更新HTML DOM树.纯HTML元素UIComponent在JSF组件树中没有表示为真实实例,因此JSF已经无法在第一时间找到它们.

例如,我可以更新纯HTML,<div>还是需要将其包装在JSF组件中？

你需要将它包装在像JSF这样的组件中<h:panelGroup>.然而,你可以<h:panelGroup layout="block">用来代表一个真实的<div> JSF中.这样您就不需要包装<div>另一个JSF组件.

<h:panelGroup layout="block" id="foo">
    ...
</h:panelGroup>

从JSF 2.2开始,您可以使用新的passthrough元素功能jsf:id属性的将HTML(5)元素声明为JSF组件.

<... xmlns:jsf="http://xmlns.jcp.org/jsf">

<div jsf:id="foo">
    ...
</div>

<main jsf:id="bar">
    ...
</main>

<section jsf:id="baz">
    ...
</section>

他们将按原样呈现他们的输出,但在封面下是具体的 UIPanel例子.

然而,在复合材料部件的情况下有一个角落的情况.你可以用下面的办法有一个HTML元素,其是通过AJAX更新.

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

这种方法有效的解释是因为即使复合组件没有将自身呈现给HTML输出,它也是如此由自身提供的UIViewRoot#findComponent().

也可以看看:

• 如何找到ajax update/render组件的客户端ID？找不到带有"bar"引用的表达式"foo"的组件
• 当我想要ajax-update时,为什么我需要在另一个组件中嵌入一个带有render ="#{some}"的组件？
• 通过ajax重新渲染复合组件