Richfaces popup panel not working with h:inputText when required="true"

[damonchong]

Hi, this is my first question in the richfaces forum, please be patient with me.

I set the h:inputText required attribute as true in a richfaces popup panel. The code is as below:

<rich:popupPanel id="testPopupPanel" minWidth="600" minHeight="300">    
    <f:facet name="header">
      <h:outputText value="Simple popup panel" />
  </f:facet>  
  <f:facet name="controls">
    <h:outputLink value="#" onclick="#{rich:component('testPopupPanel')}.hide(); return false;">
       X
    </h:outputLink>
  </f:facet>
  <h:form id="popupForm">
  <div id="newCategoryDiv" style="width:100%">
   <s:decorate id="newCategoryNameDecorate" template="/layout/edit.xhtml">
        <ui:define name="label">Category name: </ui:define>
        <h:inputText id="newCategoryNameText" value="#{adminCategory.categoryNew.categoryName}" style="width: 500px;" 
        required="true" onchange="return changed();"/>
    </s:decorate>
  <br clear="both" />
  <h:commandButton id="createButton" action="#{adminCategory.createCategory()}" value="Create">
  </h:commandButton>
  </div>
  </h:form>
</rich:popupPanel>

As you can see I created the popup panel with its own form element outside of another form element. My question is that I deliberately left the inputText as blank and click on the commandButton to submit the form. The validation failed as expected but the popup panel closes immediately. Upon showing the popup panel you can see that there is an error associated with the missing value for h:inputText. But it is annoying as users would have to show the popup panel a second time just to see the error.

How do I stop the popup panel from hiding after clicking on the submit button? Thank you for your help!

Warmest regards,

Damon

[liuliu]

hi,

h:commandbutton refresh whole page. you need use f:ajax or a4j:commandbutton. and check the RF example.

[damonchong]

Thanks, the problem with a4j:commandButton is that it does not support required="true" attribute. I guess I will just have to do workarounds if I want to use popup panels.

[liuliu]

the required is on the input component. if they are in the same form and there is no execute on a4j:commandbutton or aj4;region, it should work.

[damonchong]

Sorry, I guess I am not clear. When I changed my h:commandButton to a4j:commandButton, the validation error message did not appear.

I figured out what's the problem thanks to your hints. I did not set the render="@form" for the a4j:commandButton so the validation error message did not display properly. Haha, thanks alot!