f:ajax to update h:selectOneMenu

[Carlos Jorge Tavares Ferreira]

Hi,

I'm trying to use an ajax event to update the values of a selectOneMenu.

With some workaround I was able to update the values (where can I see a good example on how to do this?),
but when I submit the form I'm getting a validation error on the component (javax.faces.component.UISelectOne.INVALID).

I'm doing this the wrong way, no doubt about it, it shouldn't be so complex:

<h:selectOneMenu value="#{bean.terminal}" id="terminal">
    <f:selectItems value="#{...}" />
    <f:ajax event="change" render="operation" listener="#{service.update}" />
</h:selectOneMenu>

<h:selectOneMenu value="#{bean.operation}" id="operation">
    <f:selectItems value="#{service.listOperations}" />
</h:selectOneMenu>

public void update(AjaxBehaviorEvent evt) {
    ...getRequestMap().put("terminal", bean.getTerminal());
}

public List<SelectItem> listOperations() {
    String terminal = ...getRequestMap().get("terminal");
    
    if( "A".equals(terminal) ) {
        return .....
    } else {
        return .....
    }
}

What can I do to improve the code?

Kind regards,

Carlos Ferreira

[Tim Holloway]

It's required that whatever value you have in the target value of a Select control must be in the SelectItems collection. If you change the SelectItems and the old selected value isn't in the new SelectItems, you need to reset the selected value to blank, null, or an appropriate pre-selection (that is, something that's in the new SelectItems list).