如何制作三个相互依赖的JSF h:selectOneMenus

时间:2012-11-26 00:09:05

标签: ajax jsf-2 primefaces selectonemenu chain

我希望有人可以帮助我。这是“Category-Type-Item”情况,用户必须从三个不同的下拉列表中进行选择。在JSF中,我使用了三个h:selectoneMenu。前两个h:selectOneMenu工作正常。当我第一次尝试时,我读了一个解决方案here,关于“malformedXML”错误。这就是每个selectOneMenu被h:panelGorup包围的原因。我实现了它并且仅在重新加载(F5)页面之后才部分工作,但这不是一个可接受的解决方案。

以下是我正在实施的代码:

<p:panel rendered="#{temporadaControllerExt.noHayGrupos}" 
                         style="width: 650px">

                 <h:panelGrid columns="3">
                        <h:panelGroup id="fases">
                            <h:outputLabel value="Fase: "/>
                            <h:selectOneMenu value="#{temporadaControllerExt.faseSelectedFinal}">
                                <f:selectItems value="#{temporadaControllerExt.fases}"/>
                                <f:ajax render="grupos"/>
                            </h:selectOneMenu>
                        </h:panelGroup>

                        <h:panelGroup id="grupos">
                            <h:outputLabel value="Grupo: "/>
                            <h:selectOneMenu value="#{temporadaControllerExt.grupoSelected}" 
                                             disabled="#{temporadaControllerExt.grupoListDisable}">
                                <f:selectItems value="#{temporadaControllerExt.gruposDefase}"/>
                                <f:ajax render="jornadas"/>
                            </h:selectOneMenu>
                        </h:panelGroup>

                        <h:panelGroup id="jornadas">
                            <h:outputLabel value="Jornada: "/>
                            <h:selectOneMenu value="#{temporadaControllerExt.jornadaSelected}" 
                                             disabled="#{temporadaControllerExt.jornadaListDiseable}">
                                <f:selectItems value="#{temporadaControllerExt.jornadasEnGrupo}"/>
                            </h:selectOneMenu>
                        </h:panelGroup>

由于空间原因,当然不完整。这是我正在使用的bean控制器的一部分:

@ManagedBean(name = "temporadaControllerExt")
@SessionScoped
public class TemporadaControllerExt extends TemporadaController {

    private Fase fase;
    private Grupo grupo;
    private Jornada jornada;

    private String faseSelectedFinal;
    private String grupoSelected;
    private String jornadaSelected;
    private boolean grupoListDiseable = true;
    private boolean jornadaListDiseable = true;

    // a lot more declarations, and methods incluiding getters & setters not important for the answer...

    //Entities Cache 
    private Map<String, Fase> mapFases = new HashMap<>();
    private Map<String, Grupo> mapGrupos = new HashMap<>();

    // use to enable the second selectOneMenu
    public void setFaseSelectedFinal(String faseSelectedFinal) {
        this.faseSelectedFinal = faseSelectedFinal;
        this.grupoListDiseable = false;
    }

    public void setGrupoSelected(String grupoSelected) {
        this.grupoSelected = grupoSelected;
        this.jornadaListDiseable = false;
    }

    // methods used to populate the selecOneMenu's
    public List<SelectItem> getFases(){
        List<SelectItem> fasesList = new ArrayList<>();
        fasesList.add(new SelectItem("-- Seleccione Fase --"));
        for(Map.Entry<String, Fase> item : mapFases.entrySet()){
            fasesList.add(new SelectItem(item.getKey()));
        } 
        return fasesList;
    }

    public List<SelectItem> getGruposDefase(){
        List<SelectItem> grupoList = new ArrayList<>();
        grupoList.add(new SelectItem("-- Seleccione Grupo --"));

        Fase faseSel = mapFases.get(faseSelectedFinal);
        List<Grupo> grupoInt = faseSel.getGrupoList();
        for(Grupo grp : grupoInt){
            grupoList.add(new SelectItem(grp.getNombre()));
        }

        return grupoList;
    }

    public List<SelectItem> getJornadasEnGrupo(){
        List<SelectItem> jornadaList = new ArrayList<>();
        jornadaList.add(new SelectItem("-- Seleccione Jornada --"));

        Grupo grupoSel = mapGrupos.get(grupoSelected);
        for(Jornada jor : grupoSel.getJornadaList()){
            jornadaList.add(new SelectItem(jor.getNumero().toString()));
        }
        return jornadaList;
    }
}

你可以理解我正在使用primefaces(3.4),并且这个面板是根据“noHayGrupos”布尔变量的值来呈现的。这个工作正常,我的问题是selectOneMenu链。

1 个答案:

答案 0 :(得分:2)

在对我的问题进行一些调查之后,我找到了一个解决方案。我阅读了this place中的一个教程,该教程与Marty Hall的“JSF 2.0中的集成Ajax支持”相关。解决方案非常简单:

声明一个布尔变量来确定是否选择了一个comboBox,并询问前一个组合框是否有一个有效的数据被选中,就是这样,它可以处理所有事情。这里是我在方法getGruposDefase()中使用的代码:

public List<SelectItem> getGruposDefase() {
    List<SelectItem> grupoList = new ArrayList<>();
    grupoList.add(new SelectItem("-- Seleccione Grupo --"));

    if (!grupoListDiseable && (faseSelectedFinal != null)) {
        Fase faseSel = mapFases.get(faseSelectedFinal);
        List<Grupo> grupoInt = faseSel.getGrupoList();
        for (Grupo grp : grupoInt) {
            grupoList.add(new SelectItem(grp.getNombre()));
        }
    }
    return grupoList;
}

变量grupoListDisable用于控制对第二个comboBox和faseSelectedFinal的访问,例如,如果您在第一个comboBox中选择了有效项。这个简单的解决方案使代码顺利运行。谢谢Marty Hall