java - JSF 2.0 如何显示不同的 h :panelGroup each time an item is selected from a selectOneMenu

Question

我有一个显示一些不同内容类别的 selectOneMenu:

<h:selectOneMenu value="#{searchController.selectedCategory}">
        <f:selectItems value="#{searchController.formatedCategories()}" >               
        </f:selectItems>
    </h:selectOneMenu>

我需要根据所选类别显示不同的面板组。示例(选择第一个项目时，需要显示此一个)

<h:panelGroup id="carInfo">
        <h:outputText value="marka" />
        <h:selectOneMenu>
            <f:selectItems value="#{searchController.formatedCarMarks()}" />
        </h:selectOneMenu>
        <h:outputText value="godina" />
        <h:selectOneMenu>
            <f:selectItems value="#{searchController.formatedYearFrom()}" />
        </h:selectOneMenu>
        <h:selectOneMenu>
            <f:selectItems value="#{searchController.formatedYearTo()}" />
        </h:selectOneMenu>
        <h:outputText value="kms.:" />
        <h:selectOneMenu>
            <f:selectItems value="#{searchController.kmsFrom()}" />
        </h:selectOneMenu>
        <h:selectOneMenu>
            <f:selectItems value="#{searchController.kmsTo()}" />
        </h:selectOneMenu>
    </h:panelGroup>

我不知道该怎么做，因为我需要在不刷新页面的情况下完成。有任何想法吗？ Ajax 可以帮我吗？如果可以，有人可以告诉我怎么做吗？我一点都不熟悉。

Answer 1

这可以通过 ajax 轻松完成:

• 把<h:panelGroup>内外元素 <h:panelGroup>
• 嵌套 <f:ajax>在<h:selectOneMenu>里面并放置外部的 ID <h:panelGroup>在其 render属性。
• 给每一个内在<h:panelGroup>元素 a rendered仅在选择相应类别时才评估为true的属性。