用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页面了