Checkbox submit problem.

Question

Hi,
Im working on adf faces with jdev 10.1.3 .
There is a checkbox which shud render a button based on its value. If i use onclick="submit()" it works correctly, but I dont want it to submit the page fully. Is there some other way to do it . I tried autoSubmit=true but then the buttons are not rendered properly.
<af:selectBooleanCheckbox onclick="submit()"
text=" Business Events"
valueChangeListener="#{PropertyBean.tableSelected}"/>
<af:table emptyText="No items were found" rows="5"
value="#{PropertyBean.collectionModel}" var="event"
width="75%" >
<f:facet name="actions">
<af:panelButtonBar>
<af:commandButton text="Add Event"
rendered="#{not PropertyBean.clickedBE}"
disabled="true"/>
<af:commandButton text="Add Event"
actionListener="#{PropertyBean.addEvent}"
partialSubmit="true"
rendered="#{PropertyBean.clickedBE}"/>
</af:panelButtonBar>
</f:facet>
clickedBE is set to the corresponding value of the checkbox in the value change event tableSelected(). But onclick will submit the whole page, so the focus will go to the top of the page. I want the focus to remain on this event table itself, something like a partial submit for buttons. I tried with autoSubmit="true", that wasnt even working properly,as in the buttons werent gettin rendered even.
Please if somebody could come up with some method to implement this.
Thanks in advance.

Answer 1

You need to surround the button with a panel group and set the partial page rendering on that panel.
The following works for me:
        <h:form binding="#{backing_untitled8.form1}" id="form1">
          <af:selectBooleanCheckbox text="selectBooleanCheckbox 1"
                                    label="Label 1"
                                    binding="#{backing_untitled8.selectBooleanCheckbox1}"
                                    id="selectBooleanCheckbox1"
                                    autoSubmit="true"/>
          <af:panelGroup binding="#{backing_untitled8.panelGroup1}"
                         id="panelGroup1"
                         partialTriggers="selectBooleanCheckbox1">
            <af:commandButton text="commandButton 1"
                              binding="#{backing_untitled8.commandButton1}"
                              id="commandButton1"
                              rendered="#{backing_untitled8.selectBooleanCheckbox1.value}"
                              partialTriggers="selectBooleanCheckbox1"/>
          </af:panelGroup>
        </h:form>