You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by raindogs <co...@yahoo.com> on 2007/03/28 01:06:23 UTC

nested a4j:outputPanel elements not re-rendering

I'm having a little trouble getting ajax4jsf to re-render an element nested
within an a4j:outputPanel. Essentially what I have is a drop-down menu with
a4j:support attached that populates another drop-down when the value
changes. This works fine, but I also want that menu to call another method
via a4j:support when it changes, but I can't get this to work.

In the code snippet below, everything works fine with the "category"
drop-down change - the "loadNames" method is called and the items in the
"CommodityNamePanel" panel are re-rendered. However, when I change the
"name" drop-down, the "loadUnitType" method is never called and the
"unitTypePanel" panel never re-renders. Can anyone suggest a way to make
this work?

<h:outputText value="Category" /> 
	<h:selectOneMenu value="#{checkInCommodity.category}"
style="padding:0px;margin:0px;" id="category">
		<a4j:support event="onchange" action="#{checkInCommodity.loadNames}"
reRender="CommodityNamePanel" />
		<f:selectItems value ="#{checkInCommodity.categoryList}" />
	</h:selectOneMenu>
	
	<h:outputText value="Type" />
	<a4j:outputPanel id="CommodityNamePanel">
	<h:selectOneMenu value="#{checkInCommodity.name}"
style="padding:0px;margin:0px;" id="name">
		<a4j:support event="onchange" action="#{checkInCommodity.loadUnitType}"
reRender="unitTypePanel" />
		<f:selectItems value ="#{checkInCommodity.nameList}" id="nameList"/>
	</h:selectOneMenu>
	</a4j:outputPanel>
	
	<h:outputText value="Unit Type" />
	<a4j:outputPanel id="unitTypePanel" ajaxRendered="true">
		<h:inputText value="#{checkInCommodity.unitType}" id="unitType" />
	</a4j:outputPanel>
	
-- 
View this message in context: http://www.nabble.com/nested-a4j%3AoutputPanel-elements-not-re-rendering-tf3476132.html#a9702909
Sent from the MyFaces - Users mailing list archive at Nabble.com.