5

我正在 jsf 页面上测试组件“SelectOneMenu”。我通过我的 ManageBean 动态地填充这个组件（这将从数据库中获取所有动物）。

我想知道是否可以看到该“SelectOneMenu”（组合框）的用户选择项，我正在尝试使用 value="#{animalsManage.animalSelect}" 但它只在页面的开头被调用。另外，我正在使用 inputText 来查看“SelectOneMenu”的选定项的值。

我做错了什么？

JSF：

    <body>
    <ui:component>
        <h:form>
                    <h:outputText value="Select one Mets File" />
                    <h:selectOneMenu id="combo" value="#{animalsManage.animalSelected}">
                        <f:selectItem itemLabel="Select..."  noSelectionOption="true"/>
                        <f:selectItems value="#{animalsManage.allAnimals}" />
                    </h:selectOneMenu>
                    <h:inputText id="textbox" value="#{animalsManage.animalSelected }" />
        </h:form>
    </ui:component>
</body>

管理豆：

    @ManagedBean
    @ViewScoped
    public class AnimalsManage implements Serializable {

    @EJB
    private AnimalsFacadeREST animalsFacadeREST;
    private String animalSelected;
    private List< SelectItem> selectAnimals;

    public List<SelectItem> getAllAnimals() {
            List<Animals> al = animalsFacadeREST.findAll();
            selectAnimals = new ArrayList< SelectItem>();
            int i = 0;
            for (Animals animal: al) {
                selectAnimals.add(new SelectItem(i, animal.getName()));
                i++;
            }
            return selectAnimals;
    }

    public String getAnimalSelected() {
       return animalSelected;
    }

    public void setAnimalSelected(String animalSelected) {
        this.animalSelected = animalSelected;
    }
}
4

1 回答 1

12

提出的问题有很多解决方案。我在这里提出两个基本思想。

  1. 服务器端解决方案。只需<f:ajax>在您的内部附加标签<h:selectOneMenu>即可更新选定的值并重新呈现用户的选择，例如

    <h:selectOneMenu id="combo" value="#{animalsManage.animalSelected}">
    <f:selectItem itemLabel="Select..."  noSelectionOption="true"/>
    <f:selectItems value="#{animalsManage.allAnimals}" />
    <f:ajax execute="combo" render="textbox" />
</h:selectOneMenu>
<h:inputText id="textbox" value="#{animalsManage.animalSelected }" />

    如果您愿意，您还可以通过指定标记listener="#{animalsManage.performCustomAjaxLogic}"对ajax 侦听器中的选定元素执行一些自定义逻辑。<f:ajax>

  2. 客户端解决方案。只需在基本更改事件中使用 id="textbox" 更新元素。因此，如果您使用 jQuery，解决方案将是

    $('#combo').change(function() {
    $('#textbox').val($('#combo').val());
});

    认为客户端解决方案只会绑定输入组件的文本值。

于 2013-02-12T13:02:13.323 回答