ztree实现一棵树

前面陆陆续续的写过一些ztree的文章,但调用的是后端的接口,demo拿过去没有办法可以直接查看前端的界面,这就造成了一部分人对此理解的困扰。

jQuery的ztree仿windows文件新建和拖拽效果
https://www.jianshu.com/p/bfa67325719c

ztree实现编辑和删除功能
https://www.jianshu.com/p/95d1df89665f

ztree实现根节点单击事件,显示节点信息
https://www.jianshu.com/p/1e0ca6d8afad

现在写了一个小的demo,具体可以参考官方文档,从文档上拿来一串json数据,放在前端的代码里面,方便大家查看效果,以及方便后端返回的数据。



    
        ztree
        
        
        
        
        
        
        
    
    
        

    在浏览器里面打开,效果如图所示:


    把demo放在了github上面,有需要的可以自行下载;github:https://github.com/wangxiaoting666/ztree



    原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
    90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,前端资源下载群:440185135

    你可能感兴趣的:(ztree实现一棵树)