如何摆脱JSF / Primefaces中无效组件的突出显示

时间:2013-04-12 09:38:53

标签: validation jsf-2 primefaces converter

我正在使用Primefaces 3.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>   

Managed Bean:

@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 (..) { ... }

}

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

另一个问题:在无效状态下“选择” - 来自Primefaces的组件通常会改变大小。如果我用h:selectOneMenu替换p:selectOneMenu,那么组件的大小合适。

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

我尝试使用setValid(true)为“myBean.cancel”中的所有组件更改组件状态,但它没有帮助。与此问题类似 How to mark other components invalid in a custom multi-field validator

更新

谢谢,红色边框问题消失了。但我有另一个非常相似的问题。见:p:SelectOneMenue changes size in Primefaces/JSF if Converter/Validator error occurs

1 个答案:

答案 0 :(得分:4)

要重置输入字段,请考虑使用Omnifaces。 Omnifaces为此提供了一个ResetInputAjaxActionListener。有关详情,请参阅此处:http://showcase.omnifaces.org/eventlisteners/ResetInputAjaxActionListener

更新1

自PrimeFaces 3.4起,您也可以使用<p:resetInput>代替Omnifaces ResetInputAjaxActionListener。见这里:http://www.primefaces.org/showcase/ui/resetInput.jsf

更新2

自JSF 2.2起,您还可以使用<f:ajax ... resetValues="true"/><f:resetValues render="...">