I am attempting to implement a cascading picklist and am running into JSF event issues.
The two lists are category and subcategory; there is a separate list of subcategory items for every category item.
The desired behavior is : When a selection is made from the category list, the subcategory list must be updated to display the corresponding
items.
The problem I am finding is the JSF 'onchange' event is not being raised reliably when a selection is made from the category drop-down.
Here's how the facelets .xhtml is set up
<a4j:outputPanel id="categoryPanel">
<h:selectOneMenu id="businessCategory" value="#{account.businessCategory}">
<f:selectItems id="businessCategories" value="#{categoryManager.categories}" />
<a4j:support event="onchange" reRender="categoryPanel,subCategoryPanel"></a4j:support>
</h:selectOneMenu>
</a4j:outputPanel>
<a4j:outputPanel id="subCategoryPanel">
<h:selectOneMenu id="businessSubCategory" value="#{account.businessSubcategory}">
<f:selectItems id="businessCategories" value="#{categoryManager.getSubCategories(account.businessCategory)}" />
</h:selectOneMenu>
</a4j:outputPanel>
The problem is showing up in the Spring Webflow 2.0 + RichFaces environment. I do want to mention that the above scenario is working
as expected in the JBoss Seam + RichFaces environment
Any help on how I can resolve this, or any other suggestions are greatly appreciated.
mark the support with ajaxSingle = true