Hi everyone,
I am having some serious trouble fixing this simple problem.
I have a dropbox with several choices, when a choice is selected the table below it is supposed to be refreshed by the information relevant to the dropbox selection.
When the table is rendered the first time, the table is populated by the first element of the drobox menu (this is acctually working) but when i select another option the table does not rerender itself with the new information. But if I actually manually refresh the whole page the table will update with the correct information.
Why is this happening why isn't the table rerendering right away?
Here is my dropbox jsp code:
<h:selectOneMenu id="ingrCombo" immediate="true" value="#{drugForm.ingredientOption}" style="width:100%;">
<f:selectItems value="#{drugForm.ingredientOptionItems}"/>
<a4j:support event="onchange" reRender="ajaxpanel"/>
</h:selectOneMenu>
Here is the table I want re rerendered
<a4j:outputPanel id="ajaxpanel" ajaxRendered="true">
<h:panelGrid width="100%" columns="1" cellspacing="1" cellpadding="0" columnClasses="drugInfo">
<h:panelGroup>
<h:panelGrid>
<h:panelGroup>
<h:outputText value="Preferred Name: " styleClass="Bold"/>
<h:outputText id="pname" escape="false" value = "#{drugForm.medicineInfo"/>
</h:panelGroup>
<h:panelGroup>
<h:outputText value="Theraputic Use: " styleClass="Bold"/>
<h:outputText escape="false" value = "#{drugForm.medicineInfo}"/>
</h:panelGroup>
</h:panelGrid>
</h:panelGroup>
</h:panelGrid>
</a4j:outputPanel>