7 total views, 7 views today

JSF Selectmanymenu Example

The JSF SelectManyMenu renders an HTML tag. It allows User to select more than one item in the menu at a time. JSF sets the size of the SelectOnemenu to One so only one value will be displayed at a time. The user needs to scroll down to see the other values (See the Last Image). Below are the JSF and its corresponding HTML tag

JSF SelectManyMenu

h:selectManyMenu value=“#{user.color}”>

f:selectItem itemLabel=“Blue” itemValue=“Blue” />

f:selectItem itemLabel=“Green” itemValue=“Green” />

f:selectItem itemLabel=“Red” itemValue=“Red” />

h:selectManyMenu>

HTML

size=”1″>

Blue

Green

Red

JSF h:SelectManyMenu Example

The below JSF has a where the value is bound to the backing bean class. By default.

Below is the backing bean class

package com.catgovind;

import javax.faces.bean.ManagedBean;

@ManagedBean
public class User {

	private String color[]=new String[]{"Red"};

	public String[] getColor() {
		return color;
	}

	public void setColor(String[] color) {
		this.color = color;
	}
	
	public void printSelectedColors(){
		System.out.println("Selected Colors");
		for(String color: getColor()){
			System.out.println(color);
		}
	}
}

This is how the page looks like in the browser. As you see below, The SelectManyMenu display only one item 

Download Project