读书人

用dtree构建动态树并用右键兑现添加

发布时间: 2012-11-05 09:35:11 作者: rapoo

用dtree构建动态树,并用右键实现添加、修改、删除

????? 最近做个视频管理网站,里面涉及到动态树状菜单,用来管理视频的种类,具体的说,就是要求从数据库中读取视频种类信息,然后依次构建动态树,并通过右键可以实现添加、修改、删除(修改数据库)。任务明确了,在网上查来查去,决定用dtree来实现树,因为自己的节点规模不大,dtree足以满足需求。

????? 第一步呢,建立数据库,我这里选用的是SQL SERVER 2005,大家可以从网上找到在dtree下add方法中共有9个参数,由于决定对后几个参数都采用默认,所以决定数据库由下面几列构成:(id,nodeId,parentId,hrefAddress,nodeName)

下面简单的介绍下各个参数:

id:int型,key,自动添加(自增)

nodeId:varchar(Max)当前节点的名称,选该类型是为了便于对节点的一些操作,后面会详述。

parentId:varchar(Max)父节点的名称

hrefAddres:varchar(Max)连接网址,不过因为重新定义了左右键动作,所以没用上

nodeName:varchar(Max)节点名称

建成如下的数据库:

?id???? nodeId???? parentId???????? hrefAddress??????????nodeName

1?????????? 1??????????????? -1??????????????? test.jsp????????????????? 根节点

2???????????11??????????????? 1????????????????????????????????????????????? 二级目录1

3??????????? 110???????????? 11??????????????????????????????????????????? 三级目录1

4??????????? 111???????????? 11??????????????????????????????????????????? 三级目录2

5???????????? 112??????????? 11??????????????????????????????????????????? 三级目录3

6??????????? 12??????????????? 1?????????????????????????????????????????????二级目录2

7?????????????113??????????? 12??????????????????????????????????????????? 三级目录4

8????????????? 13????????????? 1???????????????????????????????????????????? 二级目录3

9????????????1211??????????121?????????????????????????????????????????? 四级目录1

第二步呢,就是我们的JSP页面了

读书人网 >Web前端

热点推荐