0

如何动态更改 ah:dataTable 的值？我有以下代码（只是一个片段）：

        <h:dataTable value="#{DataProvider.mapValues}" var="o" border="1">
                <h:column>
                    <h:outputText value="#{o.key}"></h:outputText>
                </h:column>
                <h:column>
                    <h:outputText value="#{o.value}"></h:outputText>
                </h:column>
        </h:dataTable>

            <h:selectOneMenu>
                <f:selectItem itemLabel="Choose Language.."></f:selectItem>
                <f:selectItem itemLabel="DE"></f:selectItem>
                <f:selectItem itemLabel="CZ"></f:selectItem>
                <f:selectItem itemLabel="EN"></f:selectItem>
                <f:selectItem itemLabel="FR"></f:selectItem>
                <f:selectItem itemLabel="ES"></f:selectItem>
                <f:selectItem itemLabel="PT"></f:selectItem>
            </h:selectOneMenu>

所以，基本上，当我从 SelectOneMenu 中选择一种语言时，dataTable 应该使用不同的值（如“#{DataProvider.mapValues(en)”）。需要明确的是：每次我从 Combobox 中选择一个值时，dataTable 都应该重新加载另一个值。

我想这将适用于 JavaScript，但我不知道它必须如何完成。任何帮助，将不胜感激。谢谢！

编辑：我必须使用 JSF1.2，所以我不能使用任何内置的 AJAX 功能。

4

1 回答 1

2

做DataProvider.getMapValues这样的事情：

private String selectedLanguage; // + getter and setter    

private Map getMapForLanguage(String language)
{ ... }

public Map getMapValues(){
    return getMapForLanguage(selectedLanguage);
}

将 绑定selectedLanguage到您h:selectOneMenu选择的值并h:dataTable在选择时执行 ajax 更新，如下所示：

<h:dataTable id="myTable" ... >
...
<h:selectOneMenu value="#{DataProvider.selectedLanguage}">
    ...
    <f:ajax render="myTable"/>
</h:selectOneMenu>
于 2013-07-17T08:02:56.590 回答