获取SelectOneMenu的选定值 [英] Getting selected value of a SelectOneMenu
问题描述
我正在jsf页面上测试组件"SelectOneMenu".我正在通过我的ManageBean动态填充该组件(将从数据库中获取所有Animals).
I'm testing the component "SelectOneMenu" on a jsf page. I'm populating this component dinamically though my ManageBean (that will get all Animals from database).
我想知道是否可以看到用户选择的"SelectOneMenu"(组合框)项目，但我正在尝试使用value =#{animalsManage.animalSelect}"，但仅在这一页.另外，我正在使用inputText来查看"SelectOneMenu"的所选intem的值.
I would like to know if is possible to see the user selected item of that "SelectOneMenu" (combobox), I'm trying with value="#{animalsManage.animalSelect}" but it is only called on the beginning of the page. Also, I'm using an inputText to see the value of the selected intem of the "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>
ManageBean:
ManageBean:
@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;
}
}
推荐答案
存在许多解决此问题的方法.我在这里提出两个基本想法.
There are many solutions to the presented problem. I present here two basic ideas.
-
服务器端解决方案.只需在
<h:selectOneMenu>内附加<f:ajax>标记即可更新选定的值并重新呈现用户的选择，例如
Server-side solution. Simply attach
<f:ajax>tag inside your<h:selectOneMenu>to update selected values and rerender user's choice, like in
<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 }" />
如果愿意，还可以通过指定<f:ajax>标签的listener="#{animalsManage.performCustomAjaxLogic}"对ajax侦听器中的选定元素进行一些自定义逻辑.
If you like, you may also do some custom logic with selected element in ajax listener by specifying listener="#{animalsManage.performCustomAjaxLogic}" of <f:ajax> tag.
客户端解决方案.只需在基本更改事件上使用id ="textbox"更新元素.因此，如果您使用jQuery，则解决方案将是
Client-side solution. Simply update element with id="textbox" on basic change event. So, if you use jQuery the solution will be
$('#combo').change(function() {
$('#textbox').val($('#combo').val());
});
认为客户端解决方案将仅绑定输入组件的文本值.
Thought the client-side solution will bind only text value of your input component.
这篇关于获取SelectOneMenu的选定值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
