初学dtree

àì夳堔傛蜴生んèń 2022-03-19 04:00 158阅读 0赞

一篇详细的总结[https://blog.csdn.net/judyfun/article/details/40889567][https_blog.csdn.net_judyfun_article_details_40889567]

在[http://www.destroydrop.com/javascripts/tree/][http_www.destroydrop.com_javascripts_tree]下载dtree源码

具体参数看上面博客

如果说要做成可以搜索的tree，我搜索到ztree可以实现，而dtree很少实现这功能，大家可以百度一哈

接下来是最近笔试遇到的类似问题，从数据库读取之后显示到dtree上，今天总结一哈

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODMzNjY1OA_size_16_color_FFFFFF_t_70][]

数据库如上图

tid为这一节点的id，pid为父级id，id为真实的节点id

参照：

d.add(0,-1,'My example tree');
    		d.add(1,0,'Node 1','example01.html');
    		d.add(2,0,'Node 2','example01.html');
    		d.add(3,1,'Node 1.1','example01.html');
    		d.add(4,0,'Node 3','example01.html');
    		d.add(5,3,'Node 1.1.1','example01.html');
    		d.add(6,5,'Node 1.1.1.1','example01.html');
    		d.add(7,0,'Node 4','example01.html');
    		d.add(8,1,'Node 1.2','example01.html');
    		d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
    		d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
    		d.add(11,9,'Mom\'s birthday','example01.html');
    		d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');

add函数：id Number 唯一的ID号   
pid Number 判定父节点的数字,根节点的值为 -1

所以只需要此时的id还有父级id即可

sql语句

![20190214231129173.JPG][]

搜索结果

![20190214231152951.JPG][]

已经查询出自己节点id以及父级节点的id

接下来你们自己完成咯

[https_blog.csdn.net_judyfun_article_details_40889567]: https://blog.csdn.net/judyfun/article/details/40889567
[http_www.destroydrop.com_javascripts_tree]: http://www.destroydrop.com/javascripts/tree/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODMzNjY1OA_size_16_color_FFFFFF_t_70]: /images/20220319/6853f3e296f9473f8e341181aa1d2528.png
[20190214231129173.JPG]: /images/20220319/50084a306c2941d080f5e9831cf10b6a.png
[20190214231152951.JPG]: /images/20220319/6d106e3f3ea044d5a7622e2918e0afc6.png