selectonemenu does not update

[Cesar Ruiz]

selectonemenu does not update

i have problem, why not update my selectoneMenu, when y select one its.

I Have active Ajax ?? or whichs is the problem,

thanks

 <h:body>
        <h:form id="form">  
            <p:growl id="msgs" showDetail="true"/>     
            <p:panel header="Double Combo" style="margin-bottom:10px;">  
                <h:panelGrid columns="2" cellpadding="5">  
                    <p:selectOneMenu id="city" value="#{pprBean.city}">  
                        <f:selectItem itemLabel="Select City" itemValue="" />  
                        <f:selectItems value="#{pprBean.cities}"/>  
                        <p:ajax update="suburbs"  
                                listener="#{pprBean.handleCityChange}" />  
                    </p:selectOneMenu>  
                    <p:selectOneMenu id="suburbs" value="#{pprBean.suburb}">  
                        <f:selectItem itemLabel="Select Suburb" itemValue="" />  
                        <f:selectItems value="#{pprBean.suburbs}" />  
                    </p:selectOneMenu>  
                </h:panelGrid>
                <p:separator /> 
                <p:commandButton value="Submit" update="msgs" actionListener="#{pprBean.displayLocation}" id="btnSubmit"/>  
            </p:panel>  
        </h:form>  
    </h:body>

My ManagedBean is

public class PPRBean implements Serializable {

    private String city;
    private String suburb;
    private Map<String, String> cities = new HashMap<String, String>();
    private Map<String, Map<String, String>> suburbsData = new HashMap<String, Map<String, String>>();
    private Map<String, String> suburbs = new HashMap<String, String>();

    public PPRBean() {
        cities.put("Istanbul", "Istanbul");
        cities.put("Ankara", "Ankara");
        cities.put("Izmir", "Izmir");

        Map<String, String> suburbsIstanbul = new HashMap<String, String>();
        suburbsIstanbul.put("Kadikoy", "Kadikoy");
        suburbsIstanbul.put("Levent", "Levent");
        suburbsIstanbul.put("Cengelkoy", "Cengelkoy");

        Map<String, String> suburbsAnkara = new HashMap<String, String>();
        suburbsAnkara.put("Kecioren", "Kecioren");
        suburbsAnkara.put("Cankaya", "Cankaya");
        suburbsAnkara.put("Yenimahalle", "Yenimahalle");

        Map<String, String> suburbsIzmir = new HashMap<String, String>();
        suburbsIzmir.put("Cesme", "Cesme");
        suburbsIzmir.put("Gumuldur", "Gumuldur");
        suburbsIzmir.put("Foca", "Foca");

        suburbsData.put("Istanbul", suburbsIstanbul);
        suburbsData.put("Ankara", suburbsAnkara);
        suburbsData.put("Izmir", suburbsIzmir);
    }

    public String getCity() {
        return city;
    }

    public void setCity(String city) {
        this.city = city;
    }

    public String getSuburb() {
        return suburb;
    }

    public void setSuburb(String suburb) {
        this.suburb = suburb;
    }

    public Map<String, String> getCities() {
        return cities;
    }

    public void setCities(Map<String, String> cities) {
        this.cities = cities;
    }

    public Map<String, Map<String, String>> getSuburbsData() {
        return suburbsData;
    }

    public void setSuburbsData(Map<String, Map<String, String>> suburbsData) {
        this.suburbsData = suburbsData;
    }

    public Map<String, String> getSuburbs() {
        return suburbs;
    }

    public void setSuburbs(Map<String, String> suburbs) {
        this.suburbs = suburbs;
    }

    /*
     * Evento que lanza la actualizacion de los Datos
     */
    public void handleCityChange(ValueChangeEvent event) {
        if (city != null && !city.equals("")) {
            suburbs = suburbsData.get(city);
        } else {
            suburbs = new HashMap<String, String>();
        }
    }

    public void displayLocation() {
        FacesMessage msg = new FacesMessage("Selected", "City:" + city + ", Suburb: " + suburb);

        FacesContext.getCurrentInstance().addMessage(null, msg);
    }

   
}

[Tim Holloway]

I'm not sure what the PrimeFaces version of selectOneMenu does differently than the stock JSF h:selectOneMenu, but I'm pretty sure it has AJAX built in, so the actual f:ajax tag wouldn't be necessary as long as you the the PrimeFaces AJAX options.

In either case, the recommended method is to define a valueChangeListener as an attribute of the selectOneMenu element itself. You can then remove the "listener" attribute from the AJAX tag (if you aren't using PrimeFaces AJAX).

You do need to activate AJAX for the onchange event, however. For the f:ajax element, that would be 'event="change"'. Otherwise the AJAX event won't fire.

In the valueChangeLisener, you should not attempt to return anything for the UI. All the listener has to do is reset the model and value properties of the dependent selectOneMenu control. You also don't have to test for the value change. If the value didn't change, the listener method will not be invoked.