0

我想在idOutput每次更改 的值时进行更新selectOneMenu，但是当它一次更改为不同的值时，null我无法再分配null一次，我认为这是由于required="true"，但我不知道如何避免仅在 ajax 请求中进行验证。

这是代码：

豆：

@ViewScoped
@ManagedBean
public class ProbeNull implements Serializable
{
    private static final long serialVersionUID = 1628174277372407129L;
    private Boolean probe;
    public ProbeNull()
    {
        super();
    }
    public void show()
    {
        System.err.println("Value : " + probe);
    }
    public void save()
    {
        System.err.println("Save : " + probe);
    }
    public Boolean getProbe()
    {
        return probe;
    }
    public void setProbe(Boolean probe)
    {
        System.err.println("Setter: " + probe);
        this.probe = probe;
    }
}

xhtml:

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">
        <h:head />
        <h:body>
            <h:outputText id="idOutput" value="#{probeNull.probe}" />
            <h:form id="form">
                <p:selectOneMenu id="select" required="true" value="#{probeNull.probe}">
                    <f:selectItem itemLabel="Select one" itemValue="#{null}" />
                    <f:selectItem itemLabel="Yes" itemValue="true" />
                    <f:selectItem itemLabel="No" itemValue="false" />
                    <p:ajax update=":idOutput" />
                </p:selectOneMenu>
                <p:commandButton value="Save" ajax="false" action="#{probeNull.save()}" />
            </h:form>
            <h:form>
                <p:commandButton value="Show value" ajax="false" action="#{probeNull.show()}" />
            </h:form>
        </h:body>
    </html>

怎么能避免呢？

4

1 回答 1

0

你可以通过使用两个 remoteCommand 标签和 JavaScript 来做你想做的事。

<p:remoteCommand name="makeSelection" process="select" update=":idOutput" />
<p:remoteCommand name="clearSelection" process="@this" update="select,:idOutput" >
    <f:setPropertyActionListener value="#{null}" target="#{probeNull.probe}" />  
</p:remoteCommand>

现在您可以决定使用 javascript 函数调用哪一个

<p:selectOneMenu id="select" required="true" value="#{probeNull.probe}" onchange="selectFunction(this)">
...

function selectFunction(el){
    //if el.value is empty you call clearSelection();
    //else you call makeSelection();
}

不要忘记删除<p:ajax update=":idOutput" />

于 2013-10-10T17:11:14.303 回答