如何消除JSF/Primefaces中无效组件的高亮显示

Question

我用的是PrimeFaces3.5。2，Mojara 2.1。2.我有一个xhtml主页面和一个对话框。下面是一个简单的例子

<h:form>
   <p:commandButton id="btn1" oncomplete="dlg.show()" update="dlg" process="@form"/>
</h:form>

   <p:dialog id="dlg" widgetVar="dlg">
      <h:form>
         <p:tabView id="tabview" activeIndex="..always 0 ...">
           <p:tab id="tab1">
             <p:panelGrid>
               <p:inputText id="input1" value="#{myBean.integer}"/>

             p:selectOneMenue is rendered wrong, if the dialog is reopened.
               <p:selectOneMenu id="select" value="#{myBean.listVal}" filter="true" style="width:100%">
                 <p:selectItems value="#{myBean.list}" />
               </p:selectOneMenu>
               <p:commandButton action="#{myBean.ok}" value="ok" oncomplete="..." update="dlg" process="@form"/>
               <p:commandButton action="#{myBean.cancel}" value="cancel"  update="dlg" process="@form"oncomplete="dlg.hide()"/>
             <p:panelGrid>
           </p:tab>
           <p:tab id="tab2">
            ...
           </p:tab>
         </p:tabView>
      </h:form>
   </p:dialog>   

管理豆：

@ManagedBean
@SessionScoped
class MyBean {
   Integer integer;
   String listVal;

   public Integer getInteger() { ... }
   public void setInteger (Integer i) { ... }
   public void ok() { ... }
   public void cancel() { ... }

   public List<SelectItem> getList() { ... }
   public getListVal () { ... } 
   public setListVal (..) { ... }

}

如果我打开对话框，在输入栏（输入1）中写入错误的内容，例如文本而不是数字，然后单击“确定”，那么输入将无效并标记为红色。我用取消或关闭按钮关闭对话框。如果我重新打开对话框，输入字段仍然标记为红色。我不想要这种行为。

另一个问题：在无效状态下“选择”-Primefaces中的组件经常更改大小。如果我将p:selectOneMenu替换为h:selectOneMenu，则组件的大小正确。

我的问题是如何更改JSF/Primefaces的状态，以便在重新打开对话框后JSF将处于“验证”状态，并且JSF不会显示突出显示。

我试图改变组件状态setValid（true）的所有组件在myBean.cancel它没有帮助但是。类似于此问题如何在自定义多字段验证器中标记其他组件无效

谢谢，红色边界的问题消失了。但我还有一个非常类似的问题。请参阅：p:SelectOneMenue在发生转换器/验证器错误时更改Primefaces/JSF中的大小

Answer 1

对于重置输入字段，请考虑使用Omniface。Omniface为此提供了ResetInputAjaxActionListener。更多信息请参见此处：http://showcase.omnifaces.org/eventlisteners/ResetInputAjaxActionListener.

更新1

由于PrimeFaces 3.4，您也可以使用

更新2

由于JSF2.2，您还可以使用