Faire dépendantes multiples / en cascade selectOneMenu listes déroulantes dans JSF

mettre le haricot dans la portée de vue et se débarrasser de toute logique commerciale dans les méthodes getter.

le bean doit être placé dans le champ d'application de la vue afin que toutes les sélections précédentes et les nouveaux articles disponibles soient mémorisés, sinon les choses échoueront si l'attribut rendered , par exemple, dépend d'une condition qui n'a été définie que dans une demande précédente, ou si JSF doit valider l'article sélectionné par rapport à la liste des articles disponibles.

les méthodes getter devraient ne pas contenir de logique d'affaires car ils seront également invoqués au cours d'un.O. Phase de validation. Vous devez utiliser <f:ajax listener> pour effectuer une logique commerciale basée sur un changement. Dans la méthode listener, vous devez également supprimer explicitement les valeurs sélectionnées des abandons d'enfants. Vous pouvez utiliser <f:ajax render> pour mettre à jour le contenu des "child dropdowns".

ainsi, ainsi:

<h:selectOneMenu id="state" value="#{nodes.selectedState}">
    <f:selectItem itemValue="#{null}" itemLabel="-- select --" />
    <f:selectItems value="#{nodes.availableStates}" />
    <f:ajax listener="#{nodes.changeState}" render="city region station" />
</h:selectOneMenu>
<h:selectOneMenu id="city" value="#{nodes.selectedCity}">
    <f:selectItem itemValue="#{null}" itemLabel="-- select --" />
    <f:selectItems value="#{nodes.availableCities}" />
    <f:ajax listener="#{nodes.changeCity}" render="region station" />
</h:selectOneMenu>
<h:selectOneMenu id="region" value="#{nodes.selectedRegion}">
    <f:selectItem itemValue="#{null}" itemLabel="-- select --" />
    <f:selectItems value="#{nodes.availableRegions}" />
    <f:ajax listener="#{nodes.changeRegion}" render="station" />
</h:selectOneMenu>
<h:selectOneMenu id="station" value="#{nodes.selectedStation}">
    <f:selectItem itemValue="#{null}" itemLabel="-- select --" />
    <f:selectItems value="#{nodes.availableStations}" />
</h:selectOneMenu>

avec

@ManagedBean
@ViewScoped
public class Nodes {

    private String selectedState; // getter+setter
    private String selectedCity; // getter+setter
    private String selectedRegion; // getter+setter
    private String selectedStation; // getter+setter
    private List<SelectItem> availableStates; // getter (no setter necessary!)
    private List<SelectItem> availableCities; // getter (no setter necessary!)
    private List<SelectItem> availableRegions; // getter (no setter necessary!)
    private List<SelectItem> availableStations; // getter (no setter necessary!)

    @EJB
    private SomeService someService;

    @PostConstruct
    public void init() {
        availableStates = someService.listStates();
    }

    public void changeState(AjaxBehaviorEvent event) {
        availableCities = someService.listCities(selectedState);
        selectedCity = selectedRegion = selectedStation = null;
        availableRegions = availableStations = null;
    }

    public void changeCity(AjaxBehaviorEvent event) {
        availableRegions = someService.listRegions(selectedCity);
        selectedRegion = selectedStation = null;
        availableStations = null;
    }

    public void changeRegion(AjaxBehaviorEvent event) {
        availableStations = someService.listStations(selectedRegion);
        selectedStation = null;
    }

    // Generate necessary getters+setters here. You should not change them.
}

voir aussi:

• Comment choisir la bonne portée?
• meilleure façon d'ajouter une option "rien de sélectionné" à un menu de sélection dans JSF
• Comment remplir les options de H:selectOneMenu à partir de la base de données?
• quand utiliser valueChangeListener ou f: ajax listener?
• pourquoi JSF appelle getters multiple times

il y a une erreur typographique dans votre code. Pour le troisième menu, vous avez donné le nom id comme "premier" au lieu de "troisième". Peut-être sa raison de ce problème.

essayez ceci, cela peut vous aider

en utilisant le --Select City-- , --Select Region--, --Select Station-- pour éviter l'Exception du pointeur nul.

    public getStateList(){
    stateList= new ArrayList<SelectItem>();
    stateList.add(new SelectItem("A"));
    }

    public getCityList(){
    CityList= new ArrayList<SelectItem>();
    if(selectState.equals("A"))
    {
      CityList.add(new SelectItem("B"));
    }
    else
    {
      CityList.add(new SelectItem("--Select City--"));
      selectCity = "--Select City--";
    }

    public getRegionList(){
    RegionList= new ArrayList<SelectItem>();
    if(selectCity.equals("B"))
    {
      RegionList.add(new SelectItem("C"));
    }
    else
    {
      RegionList.add(new SelectItem("--Select Region--"));
      selectRegion = "--Select Region--";
    }
    }

    public getStationList(){
    StationList= new ArrayList<SelectItem>();
    if(selectRegion.equals("C"))
    {
       StationList.add(new SelectItem("D"));
    }
    else
    {
      StationList.add(new SelectItem("Select Station"));
      selectStation = "--Select Station--";
    }
    }

vous êtes confrontés à cette question parce que vous avez deux fois id="first" . Résoudre ce problème et cela devrait fonctionner.