how to add a seperator in <h:selectOneMenu>

[Naresh Gunda]

I am using the code

   
<h:selectOneMenu i value="mybean.value" >
<f:selectItems value="#{mybean.myselectItems}"/>
</h:selectOneMenu>

myselectItems is of type java.util.List<javax.faces.model.SelectItem>
 

Can you please tell me how can we add a horizontal separator in between selectItems in selectOneMenu

[Tim Holloway]

SelectOneMenu, despite its name, is not a true menu. It renders as an HTML SELECT control, and HTML SELECT doesn't support separators. About the best you can do is add an item to the select list that displays as a row of dashes ("-----------"), but unlike true separators, this item will be selectable itself, so you'd have to allow for that.

There are JSF extensions such as MyFaces Tomahawk and RichFaces that support GUI elements that look and feel more like true menus, but there's nothing like that in the core JSF tagset.