Strange behavior with reRender attribute

[Davie Lin]

Hi, I use JSF 1.1 + RichFace 3.1.5

here is my code for my modal panel to add an entry to the DB

  <rich:modalPanel id="addFunctionality" width="600" height="380" >
  	<f:facet name="header" >
  	  Add Dynamic Functionality
  	</f:facet>
  	<h:form id="addFrm" >
  			
  	<h:panelGrid id="addDynamicFunctionality" columns="4" >
  				
  	<h:outputText value="Sold To: " styleClass="label" />
  	<h:inputText id="soldTo" />
  											 
  	<h:outputText value="Program ID: " styleClass="label" />
  	<h:inputText id="programId" />
  								
  	<h:outputText value="Sales Order: " styleClass="label" />
  	<h:inputText id="salesOrder" alt="sales" binding="#{FunctionalityEdit.addSalesOrder}" />
  								
  	<h:outputText value="Delivery Number: " styleClass="label" />
  	<h:inputText id="deliveryNum" alt="delivery" binding="#{FunctionalityEdit.addDeliveryNumber}" />
  								
  	<h:outputText value="Material Number: " styleClass="label" />
  	<h:inputText id="materialNum" />
  								
  	<h:outputText value="Award Type: " styleClass="label" />
  	<h:inputText id="awardType" />
  								
  	<h:outputText value="Year Level: " styleClass="label" />
  	<h:inputText id="yearLevel" />
  								
  	<h:outputText value="Active: " styleClass="label"/>
  	<h:selectBooleanCheckbox id="isActive" value="true" />
  			  	
  	<h:outputText value="Type: " styleClass="label" />
  	<h:selectOneMenu id="selectedType" >
  	<f:selectItems value="#{DynamicFunctionalityBean.typeList}" />
  	</h:selectOneMenu>
  					
  	<h:outputText value="Cell Name: " styleClass="label" />
  	<h:selectOneMenu id="selectedCell" >
  	<f:selectItems value="#{DynamicFunctionalityBean.cellList}" />
  	</h:selectOneMenu>
  					
  	</h:panelGrid>
  				
  	<table  >
   	<tr>
   	<td  >
   	<h:outputText value="Message: " styleClass="label"/>
   	</td>
   	<td>
   	<h:inputTextarea id="messAge" cols="50" />
   	</td>
   	</tr>
   	<tr>
   	<td></td>
   	<td></td>
   	</tr>
   	<tr>
   	<td></td>
   	<td><div style="{padding-left: 300px;}"><br></br>
   	<a4j:commandButton
   		id="saveAddFrm"
   		value="Save"
   		immediate="true"
   		reRender="msg"
   		action="#{FunctionalityEdit.add}" />
   	
   	<a4j:commandButton 
   	               id="clearAddFrm"
   		value="Clear" 
   		onclick="clearAddFields(this.form)"
   		immediate="true"
   		reRender="msg"
   		action="#{FunctionalityEdit.reset}" />
   	
   	<h:commandButton  
   		id="closeAddFrm" 
   		value="Close"
   		immediate="true"
   		onclick="clearAddFields(this.form);Richfaces.hideModalPanel('addFunctionality')" 
   		action="#{FunctionalityEdit.reset}"/></div>
   		</td>
   		</tr>
   		</table>
  				
  						
  		<h:panelGrid id="msg" columns="1">
							
		<h:message id="addMsg"
			 for="addMsg"
		 binding="#{FunctionalityEdit.htmlMessage}"
		 style="{color: blue; font-family: Times }" 
		 errorStyle="{color: red; font-family: Times }" />
										 			 
		<h:message id="addWarnSales"
			 for="addWarnSales"
			 binding="#{FunctionalityEdit.htmlMessage}"
			 warnStyle="{color: orange; font-family: Times}" />
							 
		<h:message id="addWarnDelivery"
			 for="addWarnDelivery"
		                 binding="#{FunctionalityEdit.htmlMessage}"
			  warnStyle="{color: orange; font-family: Times}" />	
						
		<h:message id="addErrorMsg"
			 for="addErrorMsg"
			 binding="#{FunctionalityEdit.htmlMessage}"
			 errorStyle="{color: red; font-family: Times }" />	 
			</h:panelGrid>
  		</h:form>
  		</rich:modalPanel>  

my first <h:message> will not appear until I have click "Save" about 3 times, the first message is to inform that update is successful
and I know it is successful because the message in eclipse console and Database GUI

I don't really know what to do?

Thanks

[Phaneendra Pochinapeddi]

Here are my thoughts..

Try wrapping

 <h:panelGrid id="msg" columns="1"> ... </h:panelGrid>   

as below

  
<a4j:outputPanel ajaxRendered="true">
<h:panelGrid id="msg" columns="1"> ... </h:panelGrid>
</a4j:outputPanel>
  

Also try removing immediate="true" in

   #  <a4j:commandButton  
#         id="saveAddFrm"  
#         value="Save"  
#         immediate="true"  
#         reRender="msg"  
#         action="#{FunctionalityEdit.add}" />  

[Davie Lin]

Hi Phaneendra

Thanks for your input, but no luck with wrapping

  <a4j:outputPanel ajaxRendered="true" />  

however, I did do this

  <a4j:commandButton
  	id="saveAddFrm"
  	value="Save"
  	immediate="true"
  	reRender="msg, addMsg"
  	action="{FunctionalityEdit.add}" />
  

and when my console says "Target component for id addMsg not found"

This is very strange, of course, about 3rd time than this message goes away and the <h:message> for addMsg shows up correctly

[Davie Lin]

I believe I solved my issue, I was using one UIMessage component to bind to 4 <h:message> tag

I just trying something different like making the problem <h:message> tag instead of binding to original UIMessage component I create another instance of the UIMessage component in the backing bean and it showed up the first time when I enter a form rather than showing up the message the 2nd or 3rd time the form is entered.