ajax - 当两个页面都包含在一个页面中时，如何从另一个页面中的命令按钮更新一个页面中的 Primefaces 组件

Question

我有 2 页

input.xhtml

<h:form>
    <p:panelGrid>
        <p:row>
            <p:column>
                <h:outputText value="Name : "/>
            </p:column>
            <p:column>
                <p:inputText id="name" value="#{inputBean.name}"/>
            </p:column>
        </p:row>
        <p:row>
            <p:column colspan="2" >
                <p:commandButton action="#{inputBean.buttonAction}" value="Submit"/>
            </p:column>
        </p:row>
    </p:panelGrid>
</h:form>

display.xhtml

<h:form id="form1">
    <h:outputText value="#{inputBean.name}" id="dis123"/>
</h:form>

如果我将它们都包含在一个页面中，如下所示

index.xhtml

<p:accordionPanel widgetVar="main" multiple="true">
    <p:tab title="Input">
        <ui:include src="input.xhtml"/>
    </p:tab>

    <p:tab title="Output">
        <ui:include src="display.xhtml"/>
    </p:tab>
</p:accordionPanel>

update="dis123"我可以从命令按钮调用input.xhtml吗？

Answer 1

不，你不能。相对客户端 IDupdate="dis123"基本上是在同一个NamingContainer父组件中搜索，在您的情况下<h:form>是第一页。但是，不存在这样的组件。它实际上是在另一个NamingContainer父母身上。您需要提供一个绝对客户端 ID update=":form1:dis123"：

对于初学者来说，确定正确的绝对客户端 ID 的一种简单方法是在 JSF 生成的 HTML 输出（右键单击，在浏览器中查看源代码）中查找所需组件的生成 HTML 元素 ID，然后在其前面加上:.

请注意，这一切都与包含无关。将所有代码放在一个页面中时，您会遇到完全相同的问题。

也可以看看：

• 如何找出用于 ajax 更新/渲染的组件的客户端 ID？找不到从“bar”引用的表达式“foo”的组件