我在尝试制作selectOneMenu
内容方面遇到了麻烦,取决于另一方选择的值。来自第一个的内容来自我的数据库中的一个表并且工作得很好,但第二个应该来自另一个表,但是我不能使它工作。这是我的index.html
,我只想证明这是如何工作的:
<h:outputLabel value="Estado" styleClass="requiredLbl"/>
<p:selectOneMenu id="Estado" value="#{beanInscripcion.id_estado}" valueChangeListener="#{beanInscripcion.buscarMunicipios(event)}" >
<f:selectItem itemLabel="Elegir Estado" itemValue="" />
<f:selectItems value="#{beanInscripcion.estados}"
var="edo" itemLabel="#{edo.nombre_estado}" itemValue="#{edo.id_estado}" />
<p:ajax update="Municipio" listener="#{beanInscripcion.buscarMunicipios(event)}" />
</p:selectOneMenu>
<p:separator />
<h:outputLabel value="Municipio" styleClass="requiredLbl"/>
<p:selectOneMenu id="Municipio" value="municipio">
<f:selectItems value="#{beanInscripcion.municipios}"
var="mun" itemLabel="#{mun.nombre_municipio}" itemValue="#{mun.nombre_municipio}" />
</p:selectOneMenu>
这是我的Bean部分,我应该获取第二个菜单的内容:
@ManagedBean(name = "beanInscripcion")
@ViewScoped
public class BeanInscripcion implements Serializable {
static String strURL;
private List<Estado> estados;
private List<Municipio> municipios;
private int id_estado;
public BeanInscripcion() throws SQLException{
estados = new ArrayList<Estado>();
buscarEstados();
}
public void buscarEstados() throws SQLException {
Connection connection = getConnection();
Statement statement = connection.createStatement();
ResultSet result = statement.executeQuery("SELECT * FROM estado");
result.beforeFirst();
while (result.next()) {
Estado estado = new Estado();
estado.setId_estado(result.getInt("id_estado"));
estado.setNombre_estado(result.getString("nombre_estado"));
estados.add(estado);
}
}
public void buscarMunicipios() throws SQLException {
Connection connection = getConnection();
Statement statement = connection.createStatement();
ResultSet result = statement.executeQuery("SELECT id_municipio, nombre_municipio FROM municipio WHERE Estado_id_estado = '" + id_estado + "'");
result.beforeFirst();
while (result.next()) {
Municipio municipio = new Municipio();
municipio.setId_municipio(result.getInt("id_municipio"));
municipio.setNombre_municipio(result.getString("nombre_municipio"));
municipios.add(municipio);
}
}
public Connection getConnection() {
try {
strURL = "jdbc:mysql://localhost:3306/mydb";
Class.forName("com.mysql.jdbc.Driver");
return DriverManager.getConnection(strURL, "root", "root");
} catch (SQLException ex) {
return null;
} catch (ClassNotFoundException ex) {
return null;
}
}
public List<Estado> getEstados() {
return estados;
}
public void setEstados(List<Estado> estados) {
this.estados = estados;
}
public List<Municipio> getMunicipios() {
return municipios;
}
public void setMunicipios(List<Municipio> municipios) {
this.municipios = municipios;
}
public int getId_estado() {
return id_estado;
}
public void setId_estado(int id_estado) {
this.id_estado = id_estado;
}
}
我已经在这个工作了几个小时但仍然没有,我真的很匆忙在这里,所以如果你在这里给我一些帮助我会很感激。很多你的注意力:D
答案 0 :(得分:4)
value="municipio"
<p:selectOneMenu id="Municipio" value="municipio">
表示该下拉列表中的值永远不会改变,因为您已经有效地将该字段上的值硬编码为municipio
(甚至是会失败转换)。 value
属性应绑定到支持bean变量,如
<p:selectOneMenu id="Municipio" value="#{beanInscripcion.municipio}" >
<f:selectItems value="#{beanInscripcion.municipios}"
var="mun" itemLabel="#{mun.nombre_municipio}" itemValue="#{mun.nombre_municipio}" />
</p:selectOneMenu>
并在你的支持bean中,有
Municipio municipio;
//getter and setter
从event
中删除参数<p:ajax update="Municipio" listener="#{beanInscripcion.buscarMunicipios(event)}" />
。它应该是
<p:ajax update="Municipio" listener="#{beanInscripcion.buscarMunicipios}" />
删除valueChangeListener="#{beanInscripcion.buscarMunicipios(event)}"
。这是不必要的,因为您已经定义了<p:ajax/>
事件
您最终会遇到提交该表单的问题,因为您尚未为该Municipio
自定义类型创建JSF转换器。如果您在选择组件中使用String
类型以外的任何其他内容,则必须使用此选项。请参阅转换器简介/转换here
答案 1 :(得分:4)
我使用的是Primefaces,这非常简单。我有2个seleceOneMenus,一个用于主题(父母一个),另一个用于主题(孩子一个。)。
<h:selectOneMenu id="subject" value="#{QuestionsMB.selectedSubjectId}" var="selectedSubject">
<f:selectItem itemLabel="Select Subject" noSelectionOption="true" />
<f:selectItems value="#{SubjectsMB.subjectsList}" var="selectedSubject" itemValue="#{selectedSubject.id}" itemLabel="#{selectedSubject.subjectName}" />
<p:ajax update="topic" />
</h:selectOneMenu>
<h:selectOneMenu id="topic" value="#{QuestionsMB.selectedTopicId}" var="selectedTopic">
<f:selectItem itemLabel="Select Topic" noSelectionOption="true" />
<f:selectItems value="#{TopicsMB.getTopicsListBySubjectId(QuestionsMB.selectedSubjectId)}" var="selectedTopic" itemValue="#{selectedTopic.id}" itemLabel="#{selectedTopic.topicName}" />
</h:selectOneMenu>
请注意,当主题selectonemenu更改时,主题菜单会根据主题ID更改。我通过编辑hibernate getList()函数在topic Managed Bean(子selectonemenu的托管bean)中创建了一个简单的函数,如下所示:
public List<Topics> getTopicsListBySubjectId(String subjectID)
{
Topics topic = new Topics();
List<Topics> TopicsList = new ArrayList<Topics>();
if(subjectID.length() != 0)
{
topic.setSubjectId(Integer.parseInt(subjectID));
TopicsList = getTopicsService().getTopicsBySubjectId(topic);
}
else
{
TopicsList.addAll(getTopicsService().getTopics());
}
return TopicsList;
}
事情就像一个魅力......:)
答案 2 :(得分:0)
我知道RichFaces的解决方案,我很确定它适用于PrimeFaces,因为组件几乎相同:
编辑:以下是适用于您的代码的翻译:
<h:outputLabel value="Estado" styleClass="requiredLbl"/>
<p:selectOneMenu id="Estado" value="#{beanInscripcion.id_estado}" valueChangeListener="#{beanInscripcion.buscarMunicipios(event)}" >
<f:selectItem itemLabel="Elegir Estado" itemValue="" />
<f:selectItems value="#{beanInscripcion.estados}" var="edo" itemLabel="#{edo.nombre_estado}" itemValue="#{edo.id_estado}" />
<p:ajax update="second" process="@this" listener="#{beanInscripcion.buscarMunicipios(event)}" />
</p:selectOneMenu>
<p:separator />
<p:outputPanel id="second">
<h:outputLabel rendered="#{not empty beanInscripcion.id_estado}" value="Municipio" styleClass="requiredLbl"/>
<p:selectOneMenu rendered="#{not empty beanInscripcion.id_estado}" id="Municipio" value="municipio">
<f:selectItems value="#{beanInscripcion.municipios}" var="mun" itemLabel="#{mun.nombre_municipio}" itemValue="#{mun.nombre_municipio}" />
</p:selectOneMenu>
</p:outputPanel>
对于豆子:
@ManagedBean(name =“beanInscripcion”) @RequestScoped 公共类BeanInscripcion实现Serializable {
static String strURL;
private List<Estado> estados;
private List<Municipio> municipios;
private int id_estado;
public BeanInscripcion() throws SQLException{
estados = new ArrayList<Estado>();
buscarEstados();
}
public void buscarEstados() throws SQLException {
Connection connection = getConnection();
Statement statement = connection.createStatement();
ResultSet result = statement.executeQuery("SELECT * FROM estado");
result.beforeFirst();
while (result.next()) {
Estado estado = new Estado();
estado.setId_estado(result.getInt("id_estado"));
estado.setNombre_estado(result.getString("nombre_estado"));
estados.add(estado);
}
}
public void buscarMunicipios() throws SQLException {
Connection connection = getConnection();
Statement statement = connection.createStatement();
ResultSet result = statement.executeQuery("SELECT id_municipio, nombre_municipio FROM municipio WHERE Estado_id_estado = '" + id_estado + "'");
result.beforeFirst();
while (result.next()) {
Municipio municipio = new Municipio();
municipio.setId_municipio(result.getInt("id_municipio"));
municipio.setNombre_municipio(result.getString("nombre_municipio"));
municipios.add(municipio);
}
}
public Connection getConnection() {
try {
strURL = "jdbc:mysql://localhost:3306/mydb";
Class.forName("com.mysql.jdbc.Driver");
return DriverManager.getConnection(strURL, "root", "root");
} catch (SQLException ex) {
return null;
} catch (ClassNotFoundException ex) {
return null;
}
}
public List<Estado> getEstados() {
return estados;
}
public void setEstados(List<Estado> estados) {
this.estados = estados;
}
public List<Municipio> getMunicipios() {
return municipios;
}
public void setMunicipios(List<Municipio> municipios) {
this.municipios = municipios;
}
public int getId_estado() {
return id_estado;
}
public void setId_estado(int id_estado) {
this.id_estado = id_estado;
}
}
希望它能够正常运行,因为它没有经过测试!
答案 3 :(得分:0)
这只是一个例子。尝试参考你的程序。
example.xhtml
<p:selectOneMenu value="#{SelectOneMenuBean.selectedValue}"
style="width:195px;" required="true" id="countryMenu">
<p:ajax update="cityMenu"/>
<f:selectItems value="#{SelectOneMenuBean.countries}"/>
</p:selectOneMenu>
<p:selectOneMenu style="width:195px;" required="true" id="cityMenu">
<f:selectItems value="#{SelectOneMenuBean.cities}"/>
</p:selectOneMenu>
SelectOneMenuBean.java
@ManagedBean(name="SelectOneMenuBean")
public class SelectOneMenuBean {
private String selectedValue;
public String getSelectedValue() {
return selectedValue;
}
public void setSelectedValue(String selectedValue) {
this.selectedValue = selectedValue;
}
public String[] getCountries() {
return new String[] {"AAA", "BBB", "CCC", "DDD"};
}
public String[] getCities() {
if(selectedValue != null && selectedValue.equals("AAA")) {
return new String[] {"City_1 of AAA", "City_2 of AAA", "City_3 of AAA"};
} else if(selectedValue != null && selectedValue.equals("BBB")) {
return new String[] {"City_1 of BBB", "City_2 of BBB", "City_3 of BBB"};
} else if(selectedValue != null && selectedValue.equals("CCC")) {
return new String[] {"City_1 of CCC", "City_2 of CCC", "City_3 of CCC"};
} else if(selectedValue != null && selectedValue.equals("CCC")) {
return new String[] {"City_1 of CCC", "City_2 of CCC", "City_3 of CCC"};
}
return new String[] {"No City"};
}
}