用DTree实现对所有树形结构的增删改查

不管是组织机构,还是功能路径,都是树形结构的展示效果,

用ajax技术通过DTree来实现对所有树形结构对象的增删改查

组织机构

 

思路:

1遍历树:看dtree的js结构,模仿这个结构从后台通过拼接String的形式拼出来,当然拼的时候肯定是动态的从数据库取的,

数据库表要保证有id和pid这两个基本字段,将这个封装成一个tree对象,然后就通过遍历list<tree对象>拼接出来,拼的时候会用到递归

只要拼好了,我想你也知道下一步怎么办了,把这个字符串放到页面上就可以了!


2新增树节点:

当树都遍历出来后,下一步你想在某一个节点的下面新增一个子节点,这肯定也是要保存到数据库里的,思路是这样:这个节点有id,你鼠标单击这个节点的时候,要把这个id保存起来,作为新增的下一个子节点的pid,所以你要写一个js,onclick事件触发函数,这个onclick是写在每一个tree的js上的,你可以将这个id保存在一个hidden里,点新增节点的时候去取这个hidden的value,就知道这个节点的pid了,后面就简单了

 

 

另外想说:dtree可以添加复选框和单选框的,需要修改下源码,很好用,比xloadtree好操作

具体操作可以参考:

http://blog.csdn.net/zhuangyangoal/archive/2010/07/27/5769073.aspx

带复选框的

阅读更多
个人分类: tree
想对作者说点什么? 我来说一句

纯js的树形菜单(添加删除节点)

2012年02月10日 47KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭