Controls imbedded in simpleTogglePanel will not fire

[tmccobb]

I have a group of simpleTogglePanels displayed in rich:dataTable rows. Within each panel I have a selectOneMenu and a selectBooleanCheckbox or a second selectOneMenu. Depending on the nature of the item that is being display either the first or the second simpleTogglePanel will be rendered.

The problem is that in the first panel, the selectOneMenu never triggers its valueChangeEvent, and the selectBooleanCheckbox will fire the the first time when it is clicked, but will not respond to un-checking.

In the second panel, the first selectOneMenu (the same one as above) never triggers the change event, and the second one always works.

Is there a problem with imbedding controls in the togglePanels?

<h:form>
<rich:dataTable value="#{cart.cartItems}" var="item" id="carttable"
 width="100%" cellpadding="0" cellspacing="0" border="0"
 style="border:none;" binding="#{cart.cartTable}" >
 <rich:column style="border:none;">
 <rich:simpleTogglePanel id="catalogitem" switchType="client"
 headerClass="classPanel" label="#{item.properties.title} for #{item.registrant.fullName}"
 opened="false" style="border:none;"
 rendered="#{item.itemType == 'CATALOG'}">
 <h:outputText value="Registrant: " />
 <t:selectOneMenu id="registrantSelector" value="#{item.registrantId}" styleClass="selectStyle"
 valueChangeListener="#{item.updateRegistrant}" onchange="submit();">
 <f:selectItems value="#{content.householdSelect}" />
 </t:selectOneMenu>
 <htm:hr />
 <h:outputText value="PAFA credit $#{item.properties.pafa} "/>
 <h:selectBooleanCheckbox value="#{item.selectPafa}" onclick="submit();"
 valueChangeListener="#{item.updatePafaCredit}" id="pafaCheck" disabled="#{item.properties.pafa == '0'}"
 rendered="#{item.itemType == 'CATALOG'}" />
 <h:outputText value=" Check here for PAFA credit"/>
 <htm:br />
 <htm:hr />
 <h:outputText
 value="#{item.properties.classDay} #{item.properties.startTimeFmt} to #{item.properties.endTimeFmt}" />
 <htm:br />
 <htm:hr />
 <h:outputText
 value="#{item.properties.startDateFmt} - #{item.properties.endDateFmt} " />
 <h:outputText value=" [#{item.properties.sessions}wks]" />
 <htm:br />
 <htm:hr />
 <h:outputText value="Member: " />
 <h:outputText value="$#{item.properties.costMember} " />
 <h:outputText
 value=" + $#{item.properties.feeFmt} Supply Cost = $#{item.properties.totalMemberCost} " />
 <htm:br />
 <htm:hr />
 <h:outputText value="Non-Member: " />
 <h:outputText value="$#{item.properties.costNon}" />
 <h:outputText
 value=" + $#{item.properties.feeFmt} Supply Cost = $#{item.properties.totalNonMemberCost} " />
 </rich:simpleTogglePanel>
 <rich:simpleTogglePanel id="memberitem" switchType="client"
 headerClass="classPanel" label="#{item.properties.title} for #{item.registrant.fullName}"
 opened="false" style="border:none;"
 rendered="#{item.itemType == 'MEMBERSHIP'}">
 <h:outputText value="Registrant: " />
 <h:selectOneMenu value="#{item.registrantId}" styleClass="selectStyle" onchange="submit();" valueChangeListener="#{item.updateRegistrant}">
 <f:selectItems value="#{content.householdSelect}" />
 </h:selectOneMenu>
 <htm:hr />
 <h:outputText value="Membership Level: " />
 <h:selectOneMenu value="#{item.properties.memCatId}" styleClass="selectStyle" valueChangeListener="#{item.updateMembershipCost}" onchange="submit();">
 <f:selectItems value="#{display.membershipLevels}" />
 </h:selectOneMenu>
 <htm:hr />
 <h:outputText value="Membership Cost: " />
 <h:outputText value="$#{item.properties.costFmt} " />
 <htm:hr />
 </rich:simpleTogglePanel>
 </rich:column>
 <rich:column style="border:none;vertical-align:top;">
 <h:selectBooleanCheckbox value="#{item.selected}" id="cartCheck"
 valueChangeListener="#{cart.setChecks}" onclick="submit();"/>
 </rich:column>
</rich:dataTable>

<h:commandButton immediate="true" image="#{path}/images/update.png" actionListener="#{cart.updateCartSelections}"
 style="border-style:none;margin:30px 0 0 275px " rendered="#{cart.cartCount > 0 }"/>
</h:form>

[sergeysmirnov]

What is the scope for #{item} ?

[tmccobb]

"Item" is the var for the data element in the valueBinding to the dataTable. The dataTable in the CartBean (alias cart) is in session scope.

[sergeysmirnov]

for the testing reason, replace rendered="#{item.itemType == 'CATALOG'}" with rendered="true". Separately, try to avoid the disabled attribute on selectBooleanCheckbox. Does it change something?

[tmccobb]

No, this makes no difference. I also tried removing the second togglePanel altogether to see if there was some issue caused by the two panels even with the selects bound to the same controls, even though one of them was ever rendered. No joy.

I am playing around with setting the switchType to either server or ajax. When I do this, expanding the panel fires the valueChangeEvents bound to the selectOneMenu!!

[sergeysmirnov]

what if you remove the simpleTogglePanel from the page at all?

[tmccobb]

No, removing the togglePanel makes no difference.

I should add a couple of things:

The posted code is displayed within a tab in a tabPanel, so maybe the problem lies with nesting a dataTable in the tab?

I am using richfaces 3.0.0. 3.0.1 breaks my suggestBoxes (they will not fire) and 3.0.2 has the same problem with the suggestBox, and the HtmlDatascroller setPageIndex() method has been removed (which I was using).

The Update button at the very bottom of my code submits the whole form, and I can parse what I need out of the request and update my selected user. so I may have to live with that.

[sergeysmirnov]

so, if removing the tooglePanel makes no difference, the subj is not quite right.
We still need to localize the problem. It is too many players on the scene. Even the one that are not mentioned in your snippet above.

[tmccobb]

You are right, whatever the problemis, it is not the togglePanel per se. I stripped the code out of all structures and it still will not fire the event, so something must be wrong with the select itself.

[tmccobb]

Figured it out. The valueBinding in the selectOneMenu was to an Integer type. The setter took a String, however, and converted it. The getter returned an Integer. Once I set everything to a String, it worked.

Thanks for the attention you gave this.