Question

I have a select:

<h:selectOneMenu id="treeNode" label="#{msgs.treeNode}" value="#{treeNode}">
  <f:selectItems value="#{treeItems}" />
</h:selectOneMenu>

which uses these selectItems:

List<SelectItem> treeItems = new ArrayList<SelectItem>();
treeItems.add(new SelectItem("1", "Parent"));
treeItems.add(new SelectItem("2", "  Child 0 0"));
treeItems.add(new SelectItem("2", "    Child 0 0 0"));
treeItems.add(new SelectItem("2", "    Child 0 0 1"));
treeItems.add(new SelectItem("2", "  Child 0 1"));

My problem is that the output in the select should look like a tree, but since the whitspaces are gone I have a “flat”-view.

Is there a way how I could convert the whitspaces into a nonbreakable-space?

Thanks
Jonny

Answer 1

Just replace them by   yourself and set the escape attribute to false. It’s the 5th argument of the SelectItem constructor.

List<SelectItem> treeItems = new ArrayList<SelectItem>();
treeItems.add(new SelectItem("1", "Parent", null, false, false));
treeItems.add(new SelectItem("2", "&nbsp;&nbsp;Child 0 0", null, false, false));
treeItems.add(new SelectItem("3", "&nbsp;&nbsp;&nbsp;&nbsp;Child 0 0 0", null, false, false));
treeItems.add(new SelectItem("4", "&nbsp;&nbsp;&nbsp;&nbsp;Child 0 0 1", null, false, false));
treeItems.add(new SelectItem("5", "&nbsp;&nbsp;Child 0 1", null, false, false));