ajax event not working

Question

I have a form that should appear when the checkbox is true. This won't work. weird thing is : I did exactly the same on another page and there it works. Also when using another boolean property in the backing bean itself it works.

<div class="field">
    <p:outputLabel for="company" value="Company" />
    <p:selectBooleanCheckbox id="company" value="#{participantDetailBean.participant.isCompany}">
        <p:ajax event="change" update="companyFields"/>
    </p:selectBooleanCheckbox>
</div>
<p:outputPanel id="companyFields">
    <div class="field">
        <p:outputLabel for="companyname" value="Company name" rendered="#{participantDetailBean.participant.isCompany}" />
        <p:inputText id="companyname" value="#{participantDetailBean.participant.companyName}" rendered="#{participantDetailBean.participant.isCompany}" />
    </div>

    <div class="field">
        <p:outputLabel for="companyform" value="Company form" rendered="#{participantDetailBean.participant.isCompany}" />
        <p:inputText id="companyform" value="#{participantDetailBean.participant.companyForm}" rendered="#{participantDetailBean.participant.isCompany}" />
    </div>

    <div class="field">
        <p:outputLabel for="companynumber" value="Company number" rendered="#{participantDetailBean.participant.isCompany}" />
        <p:inputMask id="companynumber" value="#{participantDetailBean.participant.companyNumber}" mask="aa 9999.999.999" rendered="#{participantDetailBean.participant.isCompany}" />
    </div>
</p:outputPanel>

look here: http://stackoverflow.com/questions/2118656/commandlink-commandbutton-ajax-backing-bean-action-listener-method-not-invoked. Most likely the cause of your problem is mentioned in there — Kukeltje, Nov 15 '16 at 10:25

score 1 · Answer 1 · answered Nov 15 '16 at 15:29

Sometimes Primefaces has its moments when components that works on one page, simply refuses to work on another page. The code you've posted in your example is correct and most likely if you place a break point on the company getter, when the ajax event change is triggered, the value will update correctly. What's happening is that your component is not refreshing correctly via the ajax (or is not recognized).

A workaround solution that I found is to this scenario is to include JSF's PanelGroup inside the OutputPanel. I used the base of your code and made the below example (obviously replacing tags I have in my project with the objects as per your example.

<div class="field">
             <p:selectBooleanCheckbox id="company" 
                    value="# {participantDetailBean.participant.isCompany}">
                           <p:ajax event="change" update=":companyFields"/>
              </p:selectBooleanCheckbox>
    </div>

<p:outputPanel id="companyFields">
     <h:panelGroup id="companyFields2" rendered="#{participantDetailBean.participant.isCompany}">
          <div class="field">
                <p:outputLabel value="DISPLAY THIS FIELD"/>
          </div>
     </h:panelGroup>
</p:outputPanel>

Whilst this is not the cleanest solution, it might help you get out of the rut you're currently stuck in, or guide you in obtaining the correct answer. Oh, and don't forget to include the JSF include tag when using PanelGroup

xmlns:h="http://xmlns.jcp.org/jsf/html"

This part in the original post: _"Also when using another boolean property in the backing bean itself it works."_ most likely points in a different cause... — Kukeltje, Nov 15 '16 at 17:47

score -1 · Answer 2 · edited Feb 11 '20 at 14:18

-1

Try to use the itemSelect event.

edited Feb 11 '20 at 14:18

Twenty

5,234
4
32
67

answered Feb 11 '20 at 12:11

Ricardo Crubellati

1

Can you add a small piece of text that explains why you *think/suspect* this solves the issue? – Kukeltje Feb 11 '20 at 14:28
– Ricardo Crubellati Mar 12 '20 at 14:27
This is code (still lacking a text explanation) and please edit your answer – Kukeltje Mar 12 '20 at 16:13

ajax event not working

2 Answers2