How can I add f:selectItem with the message "select..." to h:selectOneMenu of objects (JSF)?

Question

I am working with JSF 2.2 and I would like the next alert message (picture) don't show when user selected the "Seleccione..."message:

[serverERROR: class javax.faces.component.UpdateModelException Cannot convert Seleccione... of type class java.lang.String to class modelo.entidades.Equipo]

My Bean is:

@ManagedBean
@SessionScoped
public class Bean{

    private String message;
    private Equipo equipoSelected;
    private List<Equipo> equipos;

    public Bean() {
    }

    @PostConstruct
    public void init(){
        message = "Seleccione...";
        equipos = new ArrayList<Equipo>();
        equipos.add(new Equipo(/*....*/));
        equipos.add(new Equipo(/*....*/));
        equipos.add(new Equipo(/*....*/));
        equipoSelected = new Equipo();
    }

    public void updateSelected(){
        //...
    }

    public setMessage(String message){
        this.message = message;
    }

    public String getMessage(){
        return message;
    }

    public void setEquipos(List<Equipo> equipos){
        this.equipos = equipos;
    }

    public List<Equipo> getEquipos(){
        return equipos;
    }
    public void setEquipoSelected(Equipo equipoSelected){
        this.equipoSelected = equipoSelected;
    }

    public Equipo getEquipoSelected(){
        return equipoSelected;
    }



}

and the xhtml code is:

<h:form>
    <h:selectOneMenu value="#{bean.equipoSelected}">
        <f:selectItem itemValue = "#{null}" itemLabel="#{bean.message}"/>
        <f:selectItems value="#{bean.equipos}" var="equipo" itemLabel="#{equipo.name}" itemValue="#{equipo}"/>
        <f:ajax event="change" listener="#{bean.updateSelected}" render="@form" execute="@form"/>
    </h:selectOneMenu>
</h:form>

thank you!

I guess the main problem is the missing converter, but you're right, `null` values are always error-prone, so I, too, suggest to replace it with something else. — Stephan Rauh, Oct 06 '16 at 21:51

score 0 · Answer 1 · edited May 23 '17 at 12:19

You're using objects of type Equipo in the Java bean, but the JSF component only copes with strings. You can fix this using a converter. Here's a good explanation of converters in general. This StackOverflow question has examples specifically for JSF (both with and without PrimeFaces).

You may also want to adopt the converter of OmniFaces. That's adding another library, but after that, the converter "automagically" does everything for you with almost no extra effort on your side.

score 0 · Answer 2 · edited May 23 '17 at 12:06

0

Try with add attribute noSelectionOption="true" in tag f:selectItem.

These other question maybe help you: Best way to add a "nothing selected" option to a selectOneMenu in JSF

edited May 23 '17 at 12:06

Community

1
1

answered Oct 07 '16 at 05:26

Daniel Hernández

301
4
12

How can I add f:selectItem with the message "select..." to h:selectOneMenu of objects (JSF)?

2 Answers2