动态更新两个JSF PrimeFaces列表框

时间:2014-10-17 15:17:11

标签: jsf primefaces listbox

我正在使用Netbeans上的JSF Primeface创建一个Web应用程序。我要做的是动态更新两个selectOneListBox项。更具体地说,我想根据我在第一个列表框中单击的值更新第二个列表框上的值。

例如:我有两个数据库,活动和子活动,我想在不同的列表框中显示它们。活动可以有“音乐,体育,户外,室内等”。我想在第一个列表框中显示这些值。当我点击其中一个时,我想获得与特定活动相关的子活动。因此,在子类别数据库中,存在子活动的列表,每个子活动具有与活动数据库的成员相关联的唯一标识符。当我点击活动列表框中的条目时,我想拉出特定的子活动并在第二个列表框中显示它们。

我能够从活动数据库中获取值并将其显示在第一个列表框中:

<p:selectOneListbox value="#{activityController.itemsAvailableSelectOne}">
    <f:selectItems value="#{activityController.items}" var="item"
        itemValue="#{item}" itemLabel="#{item.activityName}"/>
</p:selectOneListbox>

我如何实现第二个列表框?

1 个答案:

答案 0 :(得分:0)

你可以试试这个:

您的第一个selectOneListbox:

<h:form>
<p:selectOneListbox value="#{activityController.itemsAvailableSelectOne}" id="listBox1">
   <f:selectItems value="#{activityController.items}" var="item"
    itemValue="#{item}" itemLabel="#{item.activityName}"/>
   <p:ajax listener="#{activityController.itemChange}"
                            update="listBox2" />
</p:selectOneListbox>

第二

<p:selectOneListbox value="#{activityController.subItem}" id="listBox2">
   <f:selectItems value="#{activityController.subItems}" var="item"
    itemValue="#{item}" itemLabel="#{item.activityName}"/>       
</p:selectOneListbox>

支持Bean:

public void itemChange() {
 // load stuff based on selected item
}