JSF a4j:support with h:selectManyCheckbox

Question

I'm having trouble with a JSF selectManyCheckbox and A4J support. The purpose is to run some action when a checkbox is selected. This works perfectly in Firefox. Yet, when testing in any IE (ie6 / ie7 / ie8), found out that the action was being called but the selected value was put to null. Just to test it, I placed a JSF commandButton to submit the form and to check the value that was selected and it was correct. So the problem is really in the ajax action (without submiting the form). Here is my code:

        <h:selectManyCheckbox id="supportCategoryCardFilter" value="#{cardListProvider.categoriesHolder.selectedCategories}"  layout="pageDirection" required="false" >
            <f:selectItems value="#{cardListProvider.categoriesList}" />
            <a:support ajaxSingle="true" status="statusSearchCard" id="supportCategoryCardFilter2" event="onclick" reRender="cardsHolder, renderCardsCategoriesPanel" 
                 action="#{cardListProvider.findCards(cardListProvider.categoriesHolder.selectedCategories)}"  >
            </a:support>
        </h:selectManyCheckbox>

where cardListProvider.categoriesList is a List<SelectItem> and cardListProvider.categoriesHolder.selectedCategories is a List<String>

Has anyone had this problem? Can anyone help me with this? Thank you

After some more debbuging I noticed that selectManyCheckbox value (value="#{cardListProvider.categoriesHolder.selectedCategories}") is being set when I click a checkbox in Firefox but not in IE! Only submitting the form! Can't understand this... — GuilhermeA
Check that you don't have nested forms. It can cause this behaviour. — Damo
Man, it was it... we made a huge redesign and in the middle a colleague of mine included the form inside a form...We are including lots of .xhtml in others .xhtml that was hard to notice! thank you very much! I can't understand why it worked in firefox! Thank you — GuilhermeA
Hello, I am having a similar problem...In my case, on a click event ajax sets only the value of the first of the selected check-boxes in the backing bean. There are no nested forms. Any idea what could be wrong? — Katerina Mpagouli

Bozho Bozho · Accepted Answer · 2009-11-17T07:12:41

You should use either JBoss EL, or declare a JSF function. If you are using facelets, this is as easy as:

declare a public static method in a class of your preference

in a my.taglib.xml (facelets decriptor) add:

<function>
    <function-name>concat</function-name>
    <function-class>com.mycompany.myproject.ServiceFunctions</function-class>
    <function-signature>java.lang.String concat(java.lang.String, java.lang.String)   </function-signature>
</function>

Also, try setting the event to "onselect" (or "onchange") rather than "onclick"

try seting immediate="true"

try removing the method parameter - you don't need it, since you can access it via the property of the managed bean - i.e. action="#{cardListProvider.findCards}" and then in findCards() get this.cardListProvider.categoriesHolder.selectedCategories

try upgrading to richfaces 3.3.2.SR1

JSF a4j:support with h:selectManyCheckbox

2 Answers