概述

Dorado的树除了简单树，还有递归树，本示例用来演示Dorado的递归树和简单树，本示例的链接如下：

http://61.151.239.187/dorado5/skills/tree/datatree.jsp

准备工作

新建一工程datatree，并且配置好数据库，具体步骤参考3.1.2节。

开发步骤

添加Dataset

步骤1：新建一Common ViewModel，文件名为DataTree。
步骤2：添加一AutoSqlDataset，选择Branch表，选择Branch表的所有字段，Dataset的设置如下：

属性	值
id	datasetBranch
originTable	BRANCH

步骤3：添加一AutoSqlDataset，选择Dept表，选择Dept表的所有字段，Dataset的设置如下：

属性	值
id	datasetDept
originTable	DEPT

步骤4：为datasetDept添加一BaseMatchRule，BaseMatchRule的属性设置如下：

属性	值
level	1
operator	=
originField	BRANCH_ID
table	DEPT
value	:BRANCH_ID

步骤5：为datasetDept设置MasterLink， MasterLink的属性设置如下：

属性	值
masterDataset	datasetBranch
masterKeyFields	BRANCH_ID
detailKeyFields	BRANCH_ID
detailKeyParameters	BRANCH_ID

步骤6：添加一AutoSqlDataset,选择Employee表，选择Employee表的如下字段：

datasetEmployee的设置如下：

属性	值
id	datasetEmployee
originTable	EMPLOYEE

步骤7：为datasetEmployee添加一BaseMatchRule，BaseMatchRule的属性设置如下：

属性	值
level	1
operator	=
originField	DEPT_ID
table	EMPLOYEE
value	:DEPT_ID

步骤8：为datasetEmployee设置MasterLink， MasterLink的属性设置如下：

属性	值
masterDataset	datasetDept
detailKeyParameters	DEPT_ID
masterKeyFields	DEPT_ID
detailKeyFields	DEPT_ID

步骤9：添加一AutoSqlDataSet，选择Category表，选择Category的所有字段。AutoSqlDataSet的属性设置如下：

属性	值
id	datasetCategory
originTable	CATEGORY

步骤10：为datasetCategory添加一BaseMatchRule，BaseMatchRule的属性设置如下：

属性	值
level	1
table	CATEGORY
operator	=
originField	PARENT_ID
value	:PARENT_ID

步骤11：为datasetCategory添加一Parameter，name设置为PARENT_ID，value设置为$null。

添加DataTree

步骤1：添加一DataTree，DataTree的id设置为treeHR。
步骤2：为DataTree添加一Simple TreeLevel，属性设置如下：

属性	值
name	levelBranch
dataset	datasetBranch
labelField	BRANCH_NAME
expanded	true

步骤3：为levelBranch添加一Simple TreeLevel，属性设置如下：

属性	值
name	levelDept
dataset	datasetDept
labelField	DEPT_NAME

步骤4：为levelDept添加一Simple TreeLevel，属性设置如下：

属性	值
name	levelEmployee
dataset	datasetEmployee
labelField	EMPLOYEE_NAME
hasChild	false
checkable	true

步骤5：添加一DataTree，id设置为treeCategory。
步骤6：为treeCategory添加一Rescursive TreeLevel，属性设置如下：

属性	值
name	levelCategory
dataset	datasetCategory
recursiveKeyParameters	PARENT_ID
recursiveKeyFields	CATEGORY_ID
labelField	CATEGORY_NAME
expandLevel	1

创建Jsp页面

生成Jsp页面以后再编辑一下内容，最后结果如下：

<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://www.bstek.com/dorado" prefix="d" %>
<html>
<head>
<title></title>
</head>
<body>
<d:View config="DataTree">
<d:TabSet id="tabset1" currentTab="tab1">
<d:Tab name="tab1" label="简单树">
<d:DataTree id="treeHR" />
</d:Tab>
<d:Tab name="tab2" label="递归树">
<d:DataTree id="treeCategory" />
</d:Tab>
</d:TabSet>
</d:View>
</body>
</html>

查看运行效果

启动服务器后，浏览效果如下：

左边的Tab为一简单树，右边的Tab为一递归树。

知识点

本示例的知识点为DataTree部分。关于DataTree可以参考《dorado 5 组件详解 1.1》第二部分的B部分的第2部分。

Dorado 5 : 7.2.数据绑定树 (T22)

概述