当我想要Ajax更新一个组件时，为什么我需要在另一个组件中嵌套一个呈现=“#{一些}”的组件？

Question

当我想要Ajax更新一个组件时，为什么我需要在另一个组件中嵌套一个呈现=“#{一些}”的组件？

所以我找到了一些接近这个问题的答案，我找到了足够多的答案来解决我的问题。但即使如此，我还是很好奇能不能理解这件事的运作方式。让我举例说明：

我有手帕.xhtml看起来像这样的页面(短页)。

<h:form id="resultForm">

    <h:panelGroup class="search_form" layout="block">
        <h:inputText id="lastname" value="#{search.lastname}"/>
        <h:commandButton action="#{search.find}" value="Find">
            <f:ajax execute="lastname" render="resultDisplay"/>
        </h:commandButton>
    </h:panelGroup>

    <h:dataTable value="#{search.searchResults}" var="results" id="resultDisplay"
            rendered="#{!empty search.searchResults}">  
        <h:column>
            #{results.field}        </h:column>
    </h:dataTable></h:form>

现在，为了简洁起见，我不会发布所有支持bean代码，但是我有这样的内容：

public void find() {
    searchResults = setResults(true);}

哪里searchResults是ArrayList<Objects>..搜索之后，它不会在多个测试中被选中(可以是NULL，但在我正在做的测试中不是空的)。

现在。这不管用。

但如果我筑巢dataTable在另一个里面，比如说panelGroup它会起作用的。

<h:panelGroup id="resultDisplay">
    <h:dataTable value="#{search.searchResults}" var="results"
        rendered="#{!empty search.searchResults}">  
        <h:column>
            #{results.field}        </h:column>
    </h:dataTable></h:panelGroup>

现在，这种变化允许一切正常工作。我不会介意的.。但我想我也在寻求一些理解。对我为什么要嵌套这些组件有任何见解吗？我肯定漏掉了什么！

Answer 1

Ajax更新由客户端的JavaScript语言执行。JavaScript只能访问HTMLDOM树。如果JSF不向HTML输出呈现任何组件，那么HTML DOM树中就没有任何东西可以通过JavaScript在Ajax更新时获得。JavaScript无法通过其ID获取所需的元素。只有在将有条件JSF呈现的组件包装到另一个组件中时，它才能工作。总呈现到HTML输出，因此总出现在HTMLDOM树中，因此总可通过JavaScript获取。在Ajax呈现/更新期间引用该包装组件。另见：内容的jsf 2-ajax呈现中的通信，内容呈现本身是有条件地呈现的。