This example demonstrates basic usage of the <rich:tree> component using an org.richfaces.model.TreeNode data model.

First extend the org.richfaces.model.TreeNodeImpl and add the data fields you require, with appropriate accessor methods, as in:

import org.richfaces.model.TreeNodeImpl;


public class DataHolderTreeNodeImpl extends TreeNodeImpl {

    private Object data;


    public DataHolderTreeNodeImpl() {

        super();

    }


    public DataHolderTreeNodeImpl(boolean leaf, Object data) {

        super(leaf);

        this.data = data;

    }


    public Object getData() {

        return data;

    }


    @Override

    public String toString() {

        return super.toString() + " >> " + data;

    }

}

Then, the data model is constructed as follows:

private DataHolderTreeNodeImpl stationRoot;

private DataHolderTreeNodeImpl rootNodes;


public DataHolderTreeNodeImpl getRootNodes() {

    if (rootNodes == null) {

        String[] kickRadioFeed = {"Hall & Oates - Kiss On My List",

                "David Bowie - Let's Dance",

                "Lyn Collins - Think (About It)",

                "Kim Carnes - Bette Davis Eyes",

                "KC & the Sunshine Band - Give It Up"};

        stationRoot = new DataHolderTreeNodeImpl(false, "KickRadio");

        for (int i = 0; i<kickRadioFeed.length; i++) {

            DataHolderTreeNodeImpl child = new DataHolderTreeNodeImpl(true, kickRadioFeed[i]);

            stationRoot.addChild(i, child);

        }

        rootNodes = new DataHolderTreeNodeImpl();

        rootNodes.addChild(0, stationRoot);

    }

    return rootNodes;

}

The tree then accesses the nodes of the model using the station variable:

<rich:tree value="#{stations.stationNodes}" var="station">

   <rich:treeNode>

      <h:outputText value="#{station}" />

   </rich:treeNode>

</rich:tree>

<rich:tree style="width:300px" value="#{library.data}" var="item" nodeType="#{item.type}">

   <rich:treeNode type="artist" iconExpanded="/images/tree/singer.png" iconCollapsed="/images/tree/singer.png">

      <h:outputText value="#{item.name}" />

   </rich:treeNode>

   <rich:treeNode type="album" iconExpanded="/images/tree/disc.png" iconCollapsed="/images/tree/disc.png">

      <h:outputText value="#{item.album}" />

   </rich:treeNode>

   <rich:treeNode type="song" iconLeaf="/images/tree/song.png">

      <h:outputText value="#{item.title}" />

   </rich:treeNode>

</rich:tree>