To select all the checkbox using valuechangelistner

Question

Hi ,
I have a jsp where the check boxes are populated dynamically.
i have one more check box to select all the check boxes. (like Select all)
i have written a method in a bean and i have bound that as value changelistner. when i check values in console the check box value is true but the same is not reflected in UI and also when i click delete button the value of the checkbox will be false..
The value change listner methid is "toggleCheck"
Please do needfull in this regard..
here is my code....
Bean code :
package com.dyna;
import java.util.ArrayList;
import java.util.List;
import javax.faces.component.UIData;
import javax.faces.component.UISelectBoolean;
import javax.faces.event.ValueChangeEvent;
* @author Bharathk
* TODO To change the template for this generated type comment go to
* Window - Preferences - Java - Code Style - Code Templates
public class Output {
     static ArrayList list = new ArrayList();
     private UIData table;
     private UISelectBoolean sb=null     ;
     private UISelectBoolean sbAll=null;
     static int count = 0;
     * @return Returns the list.
     public ArrayList getList() {
          return list;
     * @param list The list to set.
     public void setList(ArrayList list) {
          Output.list = list;
     * @return Returns the sb.
     public UISelectBoolean getSb() {
          return sb;
     * @param sb The sb to set.
     public void setSb(UISelectBoolean sb) {
          this.sb = sb;
     * @return Returns the sbAll.
     public UISelectBoolean getSbAll() {
          return sbAll;
     * @param sbAll The sbAll to set.
     public void setSbAll(UISelectBoolean sbAll) {
          this.sbAll = sbAll;
     * @return Returns the table.
     public UIData getTable() {
          return table;
     * @param table The table to set.
     public void setTable(UIData table) {
          this.table = table;
public List add(Input obj) {
Input in = new Input();
in.setId(obj.getId());
in.setName(obj.getName());
list.add(in);      
return list;
public List add(Input obj, int index) {
Input in = (Input)list.get(index);
in.setId(obj.getId());
in.setName(obj.getName());
list.set(index, in);      
return list;
public void deleteobj(Output obj){
     int Rc = table.getRowCount();     
     System.out.println("THIS IS IN DELETE");
     for (int i=0; i<Rc; i++) {
          table.setRowIndex(i);
          System.out.println("FROM DELETE------" +obj.sb.isSelected());
          if(obj.sb.isSelected()) {
               System.out.println("FROM DELETE");
               list.remove(i);
public void toggleCheck(ValueChangeEvent event){
     int rc = table.getRowCount();
     System.out.println("THIS IS IN TOGGLE");
     if (sbAll.isSelected()){
     System.out.println("THIS IS IN TOGGLE--IN IF");
               for (int i = 0; i< rc;i++) {
               table.setRowIndex(i);
// table.setRows(rc);                     
sb.setSelected(true);
                    System.out.println("THIS IS IN TOGGLE--CHECK--- "+this.sb.isSelected());
     else {
          System.out.println("THIS IS IN TOGGLE--In ELSE");
          for (int i = 0; i< rc;i++) {
                    table.setRowIndex(i);
                    sb.setSelected(false);
     /*for (int i = 0; i< rc;i++) {
          table.setRowIndex(i);
          System.out.println("THIS IS IN TOGGLE--CHECK--- "+this.sb.isSelected());
// FacesContext.getCurrentInstance( ).renderResponse( );
"Here is my jsp code........."
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/portlet" prefix="portlet"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="http://www.ibm.com/jsf/html_extended" prefix="hx"%>
<%@page language="java" contentType="text/html; charset=ISO-8859-1"
     pageEncoding="ISO-8859-1" session="false"%>
<portlet:defineObjects />
<LINK rel="stylesheet" type="text/css"
     href='<%= renderResponse.encodeURL(renderRequest.getContextPath() + "/theme/stylesheet.css") %>'
     title="Style">
<f:view>
     <hx:scriptCollector id="scriptCollector1">
          <%-- jsf:pagecode language="java" location="/JavaSource/pagecode/Sample.java" --%><%-- /jsf:pagecode --%>
          <P>Place content here.</P>
          <h:form styleClass="form" id="form1">
               <TABLE>
                    <TBODY>
                         <TR>
                              <TD align="left">Id:</TD>
                              <TD style="width:5px"> </TD>
                              <TD><h:inputText id="text1" value="#{inp.id}"
                                   styleClass="inputText">
                              </h:inputText></TD>
                         </TR>
                         <TR>
                              <TD align="left">Name:</TD>
                              <TD style="width:5px"> </TD>
                              <TD><h:inputText id="text2" value="#{inp.name}"
                                   styleClass="inputText">
                              </h:inputText></TD>
                         </TR>
                    </TBODY>
               </TABLE>
               <h:messages styleClass="messages" id="messages1"></h:messages>
               <BR>
               <hx:commandExButton id="button1" styleClass="commandExButton"
                    type="submit" value="Submit" action="#{pc_Sample.doButton1Action}">
               </hx:commandExButton>
               <h:selectBooleanCheckbox styleClass="selectBooleanCheckbox"
                                             id="checkbox1" binding="#{op.sbAll}"
valueChangeListner="#{pc_Sample.op.toggleCheck}" onCleck="this.form.submit();"></h:selectBooleanCheckbox>
               <BR>
               <hx:commandExButton type="submit" value="Delete"
                    styleClass="commandExButton" id="button2" action="#{pc_Sample.doButton2Action}"></hx:commandExButton>
               <BR>
               <BR>
          <h:dataTable id="table1" value="#{op.list}" binding="#{op.table}" var="varlist" styleClass="dataTable" headerClass="headerClass"
               footerClass="footerClass" rowClasses="rowClass1"
               columnClasses="columnClass1" border="0" cellpadding="2"
               cellspacing="0">
               <h:column id="column4">
               <f:facet name="header">
                         <h:outputText styleClass="outputText" value="Select" id="text13"></h:outputText>
                    </f:facet>
                                        <h:selectBooleanCheckbox styleClass="selectBooleanCheckbox"
                                             id="checkbox12" binding="#{op.sb}" ></h:selectBooleanCheckbox>
                                   </h:column>
               <h:column id="column3">
                                        <f:facet name="header">
                                             <h:outputText styleClass="outputText" value="SlNo" id="text10"></h:outputText>
                                        </f:facet>
                                        <h:commandLink styleClass="commandLink" id="link1" action="#{pc_Sample.doLink1Action}">
                                        <h:outputText id="text20"
                                             value="#{op.table.rowIndex+1}"
                                             styleClass="outputText">
                                        </h:outputText>
                              <f:param name="Id" value="#{varlist.id}"></f:param>
                              <f:param name="Name" value="#{varlist.name}"></f:param>
                         </h:commandLink>
                                   </h:column>
               <h:column id="column1">
                    <f:facet name="header">
                         <h:outputText styleClass="outputText" value="Id" id="text31"></h:outputText>
                    </f:facet>
                    <h:outputText id="text4" value="#{varlist.id}"
                         styleClass="outputText">
                    </h:outputText>
               </h:column>
               <h:column id="column2">
                    <f:facet name="header">
                         <h:outputText styleClass="outputText" value="Name" id="text5"></h:outputText>
                    </f:facet>
                    <h:outputText id="text6" value="#{varlist.name}"
                         styleClass="outputText">
                    </h:outputText>
               </h:column>
          </h:dataTable>
     </h:form>
     </hx:scriptCollector>
</f:view>

Answer 1

http://forums.ni.com/ni/board/message?board.id=60&message.id=8565&query.id=128811#M8565