jsf - 输出面板不会在 dataScroller 内更新

Question

我有一个简单的示例（或多或少来自主要面孔演示站点），其中 selectCheckboxMenu 和 outputPanel 嵌套在 dataScroller 内（请参见下面的代码片段）。当从 selectCheckboxMenu 中选择一个城市时， outputPanel 应该显示它。然而这不起作用。据我所知，一切都正确执行，所以我不知道为什么它不工作。

这里有什么帮助吗？

ps 当它没有嵌套在 dataScroller 中时，一切正常。

    <h:form id="vehiclesForm">
        <p:log id="log" />

        <p:dataScroller id="vehicles" value="#{vehicleTableBean.vehicles}" var="vehicle" chunkSize="10" mode="inline" scrollHeight="700">

            <h:panelGrid columns="3" cellpadding="5">
                <p:selectCheckboxMenu value="#{checkboxView.selectedCities}" label="Cities"
                                      filter="true" filterMatchMode="startsWith" panelStyle="width:250px">
                    <f:selectItems value="#{checkboxView.cities}" />
                </p:selectCheckboxMenu>
            <p:commandLink id="submit" value="Submit" update="@(.cities)"/>
            </h:panelGrid>

            <p:outputPanel style="width:250px;padding-left:5px;margin-top:10px">
                <p:dataList styleClass="cities" value="#{checkboxView.selectedCities}" var="city" emptyMessage="No cities selected">
                    #{city}
                </p:dataList>
            </p:outputPanel>

        </p:dataScroller>

    </h:form>

与此同时，我发现了一个有趣的观点：

当 dataScroller 中只有一个项目时，就没有问题，一切都像魅力一样。