PrimeFaces如何重置背景颜色

Question

我的 xhtml 上有一个重置按钮，基本上当字段为空时，它会提示一条消息，并且字段背景会变成红色。

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">

    <div id="cId" class="panel-body-width panel-input-body-width">
        <div>
            <div id="snDIV" class="row row-in-fieldset-div">
                <div class="col-md-4">
                    <p:outputLabel id="myLabel" value="myNumber" />
                </div>
                <div class="col-semicolon col-md-1">
                    <p:outputLabel value=":" />
                </div>
                <div class="col-md-3 row-in-fieldset-cp">
                    <p:inputText id="myNumber"
                        value="#{userBean.myNumberInput}"
                        required="#{userBean.isRequired}"
                        requiredMessage="Input should not be empty" >
                        <p:ajax event="blur" update="myNumber myNumberMsg" />
                    </p:inputText>
                </div>
            </div>
            <div class="col-md-3 row-in-fieldset-msg">
                <p:message id="myNumberMsg" for="myNumber" />
            </div>
            </div>
        </div>
    </div>
    <br />
    <div class="panel-footer">
        <p:commandButton id="reset" value="Reset"
            actionListener="#{userBean.reset}" process="@this"
            update="myNumber myNumberMsg" >
        </p:commandButton>
    </div>
</ui:composition>

问题是，一旦我点击重置，该值会更改为默认值并且错误消息消失但该字段的背景颜色仍然是红色并且不会变回白色。有人知道为什么吗？

我确实尝试过使用 update=":form" 但似乎不起作用，我的页面也无法加载。

Answer 1

你应该看看 resetInput 组件：http://www.primefaces.org/showcase/ui/misc/resetInput.xhtml