RichFaces <rich:tree>

This component is used to create a hierarchical tree. It uses <rich:treeNode> as a child component.

We can create customize tree according to our requirement. RichFaces provides all the available components to create tree accordingly.

It requires the value attribute to bind the data model for creating the tree. The data model must be either an org.richfaces.model.TreeNode interface, an org.richfaces.model.TreeDataModel interface or a javax.swing.tree.TreeNode interface.

Style classes and skin parameters

The following table contains the Style classes and corresponding skin parameters for the treeNode.

Class	Function	Skin Parameters	Mapped CSS properties
.rf-trn	It is used to define styles for a tree node.	generalFamilyFont generalSizeFont	font-family font-size
.rf-trn-lbl	It is used to define styles for a tree node label.	No skin parameters.
.rf-trn-cnt	It is used to define styles for tree node content.	No skin parameters.
.rf-trn-sel	It is used to define styles for a selected tree node.	additionalBackgroundColor	background
.rf-trn-ldn	It is used to define styles for a tree node when it is loading.	additionalBackgroundColor	background
.rf-trn-hnd	It is used to define styles for a tree node handle.	No skin parameters.
.rf-trn-hnd-lf	It is used to define styles for the handle of a leaf node.	No skin parameters.
.rf-trn-hnd-colps	It is used to define styles for the handle of a collapsed node.	No skin parameters.
.rf-trn-hnd-exp	It is used to define styles for the handle of an expanded node.	No skin parameters.
.rf-trn-hnd-ldn-fct	It is used to define styles for the loading facet of a tree node handle.	No skin parameters.
.rf-trn-ico	It is used to define styles for tree node icon.	No skin parameters.
.rf-trn-ico-lf	It is used to define styles for the icon of a leaf node.	No skin parameters.
.rf-trn-ico-colps	It is used to define styles for the icon of a collapsed node.	No skin parameters.
.rf-trn-ico-exp	It is used to define styles for the icon of an expanded node.	No skin parameters.
.rf-trn-ico-cst	It is used to define styles for a custom node icon.	No skin parameters.

Example

Here, in the following example, we are implementing <rich:tree> component. This example contains the following files.

JSF File

// rich-tree.xhtml

  <?xml version=’1.0′ encoding=’UTF-8′ ?>  <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>  <ui:composition xmlns=”http://www.w3.org/1999/xhtml”  xmlns:h=”http://java.sun.com/jsf/html”  xmlns:f=”http://java.sun.com/jsf/core”  xmlns:ui=”http://java.sun.com/jsf/facelets”  xmlns:a4j=”http://richfaces.org/a4j”  xmlns:rich=”http://richfaces.org/rich”>  <f:view>  <h:head>  <title>Rich Tree </title>  </h:head>  <h:body>  <h:form>  <rich:tree value=”#{tree.rootNodes}” var=”tree”>  <rich:treeNode>  <h:outputText value=”#{tree.data}” />  </rich:treeNode>  </rich:tree>  </h:form>  </h:body>  </f:view>  </ui:composition>  

Managed Bean

// Tree.java

  import javax.faces.bean.ManagedBean;  import javax.faces.bean.RequestScoped;  import org.richfaces.model.TreeNodeImpl;  @ManagedBean  @RequestScoped  public class Tree extends TreeNodeImpl {  private Tree stationRoot;  private Tree rootNodes;  private Object data;    public Tree() {  super();  }  public Tree(boolean leaf, Object data) {  super(leaf);  this.data = data;  }  public Object getData() {  return data;  }  @Override  public String toString() {  return super.toString() + “>>” + data;  }  public Tree getRootNodes() {  if (rootNodes == null) {  String[] author_collection = {“Ravindra Nath Tagore – Geetanjali”,  “David Bowie – Let’s Dance”,  “Paulo Coelho  – Alchemist”,  “Kim Carnes – Bette Davis Eyes”,  “KC & the Sunshine Band – Give It Up”};  stationRoot = new Tree(false, “Books Collection”);  for (int i = 0; i < author_collection.length; i++) {  Tree child = new Tree(true, author_collection[i]);  stationRoot.addChild(i, child);  }  rootNodes = new Tree();  rootNodes.addChild(0, stationRoot);  }  return rootNodes;  }  }  

Output:

After expending the root tree, it shows all the tree nodes as shown below.

Next TopicRichFaces <rich:dropdownmenu>

RichFaces Rich:Tree

RichFaces <rich:tree>

Style classes and skin parameters

Example

JSF File

Managed Bean

Verbal Reasoning | Assertion and Reason 1

Components of Robot

You may also like