JSF1.2 SelectOneRadio problem: clicking on text does not update selection value

[Ling Lin]

Hi everyone,

I'm having a problem with the selectOneRadio component in JSF1.2 where if user clicks on the label of the radio button, old selection value would still be passed as parameter in the ajax call. However if I click on the actual radio button of the option, everything works fine. New selection value will be passed.
====================================
[] Option 1 [] Option 2 [] Option 3

Steps:
Page starts with option 1 selected by default
Case 1:
If I click on the text "Option 2", JSFUtils.getParameters("paymentOption") will still return 0, which is the value of "Option 1"
If I then click on the text "Option 3", JSFUtils.getParameters("paymentOption") will return 1, which is the value of "Option 2"
Case 2:
If I click on the radio button "Option 2", JSFUtils.getParameters("paymentOption") will return 1, which is the correct value of "Option 2"
If I then click on the radio button "Option 3", JSFUtils.getParameters("paymentOption") will return 2, which is the correct value of "Option 3"
=====================================

Could someone please help me figure out how to fix this? Can I make clicking on label to have exact same behaviour as clicking on radio buttons?

Any help is greatly appreciated!

Code:

<hx:panelBox styleClass="panelBox panelBoxFrame" id="boxPaymentInstructions" layout="pageDirection" cellpadding="0" cellspacing="0" width="995"> 
	<h:panelGrid styleClass="panelGrid panelGridEmbedded" id="gridPayment" cellspacing="0" cellpadding="0">
		<h:selectOneRadio tabindex="1000" disabledClass="selectOneRadio_Disabled" enabledClass="selectOneRadio_Enabled" style="width:500px" styleClass="selectOneRadio" id="paymentOption" value="#{someBean.paymentMethod}">
			<f:selectItems value="#{someBean.paymentMethodItems}" />
		</h:selectOneRadio>
		<hx:behavior event="onclick" target="paymentOption" behaviorAction="get;" targetAction="gridPaymentDetails"></hx:behavior>
		<h:panelGrid id="gridPaymentDetails" cellspacing="0" cellpadding="0">
			<h:panelGrid styleClass="panelGrid" id="gridSOPFields1" cellspacing="0" columns="3" cellpadding="0">
				<h:outputLabel value="#{labels.lblOptions}" styleClass="outputLabel" id="lblOptions" style="width: 125px" for="mnuOptions"></h:outputLabel>
				<h:selectOneMenu tabindex="1001" styleClass="selectOneMenu" id="mnuOptions" style="width: 484px" value="#{someBean.bankCode}" disabled="#{someBean.optionsDisabled}">
					<f:selectItems value="#{someBean.bankAccountItems}" />
				</h:selectOneMenu>
				<hx:behavior event="onchange" target="mnuOptions" behaviorAction="get;stop" targetAction="gridPaymentDetails"></hx:behavior>
			</h:panelGrid>
			<hx:panelBox styleClass="panelBox" id="boxSOPFields2" layout="lineDirection" cellpadding="0" cellspacing="0">
				<h:panelGrid styleClass="panelGrid" id="gridPaymentInstitution" cellspacing="0" columns="2" cellpadding="0">
					<h:outputLabel value="#{labels.lblInstitution}" styleClass="outputLabel" id="lblInstitution" style="width: 125px" for="txtInstitution"></h:outputLabel>
					<h:inputText tabindex="1002" styleClass="inputText" id="txtInstitution" maxlength="3" style="width: 80px" value="#{someBean.institution}" onkeypress="return numericOnlyKeyFilter(this, event);" disabled="#{someBean.institutionDisabled}" />
				</h:panelGrid>
				<h:panelGrid styleClass="panelGrid" id="gridPaymentTransit" cellspacing="0" columns="2" cellpadding="0">
					<h:outputLabel value="#{labels.lblTransit}" styleClass="outputLabel" id="lblPaymentTransit" style="width: 80px" for="txtPaymentTransit"></h:outputLabel>
					<h:inputText tabindex="1003" styleClass="inputText" id="txtPaymentTransit" maxlength="#{someBean.transitLength}" style="width: 80px" value="#{someBean.transit}" onkeypress="return numericOnlyKeyFilter(this, event);" disabled="#{someBean.transitDisabled}"/>
				</h:panelGrid>
				<hx:ajaxRefreshRequest target="gridPaymentTransit" id="ajaxRefreshRequestPaymentTransit" params="txtTransit" />
				<h:panelGrid styleClass="panelGrid" cellspacing="0" columns="2" cellpadding="0">
					<h:outputLabel value="#{labels.lblAccount}" styleClass="outputLabel" id="lblAccount" style="width: 100px" for="txtAccount"></h:outputLabel>
					<h:inputText tabindex="1004" styleClass="inputText" id="txtAccount" maxlength="#{someBean.accountLength}" style="width: 128px" value="#{someBean.account}" onkeypress="return numericOnlyKeyFilter(this, event);" disabled="#{someBean.accountDisabled}" />
				</h:panelGrid>
			</hx:panelBox>
		</h:panelGrid>
		<hx:ajaxRefreshRequest target="gridPaymentDetails" id="ajaxRefreshRequestPaymentDetails" params="mnuOptions;paymentOption" />
	</h:panelGrid>
</hx:panelBox>	

private void processaAjaxRefreshRequestPaymentDetails() 
{
	String paymentOption = JSFUtils.getParameters("paymentOption");
}

[Tim Holloway]

It would help if you could simplify your example. Since I don't get paid to do this, there's only a limited amount of time I'm willing to spend decoding questions, and I gave up trying to find the tree you're talking about in the forest of the sample XML.

The only thing I can say is that any JSF view that "passes parameters" or uses FacesContext to retrieve parameters is instantly suspicious to me, since JSF has much simpler mechanisms that can do the job in most cases.