h:selectManyCheckBox – Java Server Faces (JSF)

April 12, 2008

Topic : Java Server Faces (JSF)
Environment : J2EE 5.0, MyFaces 1.1.5

selectManyCheckBox.jsp

 
 
<!--
   Source : www.javabeat.net
-->
 
 
 
<html>
    <body>
          <f:view>
              <h:form id="select">
                  <h:panelGrid columns="1">
                       <h:column>
                          <h:outputText value="Select Countries: "/>
                          <h:selectManyCheckbox value="#{selectManyCheckBoxBean.selectedItems}">
                              <f:selectItem itemLabel="India" itemValue="India" />
                              <f:selectItem itemLabel="China" itemValue="China" />
                              <f:selectItem itemLabel="Germany" itemValue="Germany" />
                              <f:selectItem itemLabel="USA" itemValue="USA" />
                          </h:selectManyCheckbox>
                      </h:column>
                      <h:column>
                          <h:commandButton value="Submit" action="#{selectManyCheckBoxBean.submit}"/>
                      </h:column>
                  </h:panelGrid>
              </h:form>
          </f:view>
    </body>
</html>

selectManyCheckBoxBean.java

 
/**
 *  Source : www.javabeat.net
 * */
package net.javabeat.myfaces.checkbox;
 
import java.util.List;
 
public class SelectManyCheckBoxBean {
 
    private List<string> selectedItems;
    public SelectManyCheckBoxBean() {
    }
 
    public List<string> getSelectedItems() {
        return selectedItems;
    }
 
    public void setSelectedItems(List<string> selectedItems) {
        this.selectedItems = selectedItems;
    }
    public String submit(){
        System.out.println("List : " + this.selectedItems);
        return "selectManyCheckBox";
    }
}

faces-config.xml

 
<managed-bean>
	<managed-bean-name>selectManyCheckBoxBean</managed-bean-name>
	<managed-bean-class>net.javabeat.myfaces.checkbox.SelectManyCheckBoxBean</managed-bean-class>
	<managed-bean-scope>request</managed-bean-scope>
</managed-bean>
<navigation-case>
	<from-outcome>selectManyCheckBox</from-outcome>
	<to-view-id>/pages/checkbox/selectManyCheckBoxResult.jsp</to-view-id>
</navigation-case>

selectManyCheckBoxResult.jsp

 
<!--
   Source : www.javabeat.net
-->
 
 
 
<html>
    <body>
          <f:view>
              <h:form id="select">
                  <h:panelGrid columns="1">
                       <h:column>
                          <h:outputText value="Selected Countries: "/>
                          <h:dataTable value="#{selectManyCheckBoxBean.selectedItems}" var="loc">
                              <h:column>
                                <h:outputText value="#{loc}"/>
                            </h:column>
                          </h:dataTable>
                      </h:column>
                  </h:panelGrid>
              </h:form>
          </f:view>
    </body>
</html>