Question

当用户选择combo_pedido_tipoplm selectOneMenu的一个选项时，我需要更新另一个selectOneMenu。如果用户选择“选择一个”选项，则需要清除第二个选项。

我已尝试过所有内容，但在我从h：selectOneMenu中选择了选项“选择一个”（Selecione）后，我无法调用我的actionListener。

XHTML

<h:selectOneMenu id="combo_pedido_tipoplm" value="#mBeanManterPedido.tipoPlacaMaeFiltro}" required="true" disabled="#{!mBeanManterPedido.pedidoValido or mBeanManterPedido.clonado}">
    <f:selectItem itemLabel="#{msgTemplate.lblSelecione}" />
    <f:selectItems value="#{mBeanManterPedido.selectItemsTipoPlacaMae}" />
    <p:ajax event="change" listener="#{mBeanManterPedido.tipoPlacaMaeChange}"   process="@this"/>
</h:selectOneMenu>

的MBean

private TipoPlacaMae tipoPlacaMaeFiltro;

public void popularTipoPlacaMae() {
        this.selectItemsTipoPlacaMae = new ArrayList<SelectItem>();
        for (TipoPlacaMae tipoplaca : TipoPlacaMae.values()) {
            this.selectItemsTipoPlacaMae.add(new SelectItem(tipoplaca, tipoplaca.getNome()));
        }
        UtilsCommon.orderByLabel(selectItemsTipoPlacaMae);
    }

public void tipoPlacaMaeChange(AjaxBehaviorEvent e) {
        // deseleciona a PlacaMae atualmente selecionada.
        pedido.setPlacaMae(null);
        limparDadosPedido();
        popularPlacaMae();
    }

如果我选择“选择一个”选项，我得到了验证错误，因为这个selectOneMenu被重新查询并且我的seto for tipoPlacaMaeFiltro没有被调用。

<?xml version='1.0' encoding='UTF-8'?>

{ “validationFailed”：真}

我该怎么办？

Answer 1

对于那些有同样怀疑的人。

你需要在你的ajax请求中加上immediate =“true”。

<h:selectOneMenu id="id"
                    value="#{mbean.value}" required="#{mbean.required}"
                    converter="#{mbean.converter}">
                    <f:selectItem itemLabel="Chose one" />
                    <f:selectItems value="#{mbean.selectItems}" />
                    <f:ajax event="valueChange"  listener="#{mbean.onchange}"
                        render="second_combo"
                        immediate="true">
                    </f:ajax>
                </h:selectOneMenu>

之后在ManagedBean中，您需要实现但处理不同的侦听器

public void onchange(AjaxBehaviorEvent e) {
    YourClass o = getSelectedValue(e);
}


private YourClass getSelectedValue(AjaxBehaviorEvent e)
{
    if (e != null)
    {   
        UISelectOne select = (UISelectOne) e.getSource();
        if (select.getSubmittedValue() == null ||
                select.getSubmittedValue().toString().isEmpty()) {
            return null;
        }
        else {          
            String id = select
                    .getSubmittedValue().toString();
                return ObjectThatImplementsConverterInterface.getAsObject(FacesContext.getCurrentInstance(), select, id);
        }
    }
    return null;
}

不幸的是你必须处理这种方式，因为如果你不这样做，用户可以选择“选择一个”并且mbean.value将是OK（null）之后，同一SelectOneMenu中的第二个选择将触发前一个选择value（null）。我不知道它是发生在每个人身上还是只发生在我身上。

再见。

如何使用JS：2正确使用f：selectItem？

1 个答案: