在很多项目中,只要涉及到权限配置,基本都会涉及到树型结构,自己去写一个树形结构其实很浪费时间,虽然最后也能写出来,但是在有限的时间里,能够做更多的事情不是更好吗?所以,我就想说,现在网上有很多不错的插件,可以直接拿到项目中用的,比如就有了zTree树形插件,这个插件的功能还是蛮强大的,所以总结和记录一下,以便以后遇到类似的问题再上网收罗半天,浪费宝贵的时间。好了,废话少说,进入正题。
zTree的官方网址是http://www.treejs.cn/v3/main.php#_zTreeInfo;
zTree的介绍简单来说就是依靠jQuery实现的多功能的一个树形插件,优异的性能、灵活的配置和多种功能的组合,是不是很棒,最主要的是,这是开源的免费的软件,如果你想看源代码怎么写的,完全可以下载下来,研究别人是怎么实现的。
基本兼容主流浏览器,Json数据,Ajax异步加载节点,check,radio,自定义图标、事件响应等功能。
要学习一个新的插件,最需要的是看API,因为真的很有用,还有就是下载Demo,调试一下就知道啦。
下面真正进入代码环节,首先,zTree最主要的三个js文件分别为jquery.ztree.core-3.x.js,jquery.ztree.echeck-3.x.js,jquery.ztree.exedit-3.x.js。此外,我们还需要引用样式文件zTreeStyle1.css,同时,里面的一个文件夹img也是不可忽略的(因为我最开始没有引入到zTree的包下,出来的树形图是没有图标也没有线条ÿ