本文概述
该组件用于创建分层树。它使用<rich:treeNode>作为子组件。
我们可以根据需要创建定制树。 RichFaces提供了所有可用的组件来相应地创建树。
它需要value属性绑定数据模型以创建树。数据模型必须是org.richfaces.model.TreeNode接口, org.richfaces.model.TreeDataModel接口或javax.swing.tree.TreeNode接口。
样式类和皮肤参数
下表包含TreeNode的Style类和相应的外观参数。
Class | Function | Skin Parameters | 映射的CSS属性 |
---|---|---|---|
.rf-trn | 它用于定义树节点的样式。 | generalFontFont generalSizeFont | 字体家族字体大小 |
.rf-trn-lbl | 它用于定义树节点标签的样式。 | 没有皮肤参数。 | |
.rf-trn-cnt | 它用于定义树节点内容的样式。 | 没有皮肤参数。 | |
.rf-trn-sel | 它用于定义所选树节点的样式。 | additionalBackgroundColor | background |
.rf-trn-ldn | 它用于为树节点加载时定义样式。 | additionalBackgroundColor | background |
.rf-rn-hnd | 它用于定义树节点句柄的样式。 | 没有皮肤参数。 | |
.rf-trn-hnd-lf | 它用于定义叶节点句柄的样式。 | 没有皮肤参数。 | |
.rf-trn-hnd-colps | 它用于为折叠节点的句柄定义样式。 | 没有皮肤参数。 | |
.rf-trn-hnd-exp | 它用于定义扩展节点的句柄的样式。 | 没有皮肤参数。 | |
.rf-trn-hnd-ldn-fct | 它用于为树节点句柄的加载方面定义样式。 | 没有皮肤参数。 | |
.rf-trn-ico | 用于定义树节点图标的样式。 | 没有皮肤参数。 | |
.rf-trn-ico-lf | 用于定义叶节点图标的样式。 | 没有皮肤参数。 | |
.rf-trn-ico-colps | 它用于为折叠节点的图标定义样式。 | 没有皮肤参数。 | |
.rf-trn-ico-exp | 它用于为扩展节点的图标定义样式。 | 没有皮肤参数。 | |
.rf-trn-ico-cst | 它用于定义自定义节点图标的样式。 | 没有皮肤参数。 |
例子
在下面的示例中, 我们正在实现<rich:tree>组件。本示例包含以下文件。
JSF文件
// 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>
托管豆
// 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;
}
}
输出
扩展根树后, 它将显示所有树节点, 如下所示。
评论前必须登录!
注册