zTree插件 v3.5.30 免费版

jQuery zTree是一款开源免费的多功能“树插件”，该插件依靠jQuery实现，带来了优异的性能、灵活的配置和多种功能的组合，非常适合应用于树状菜单、树状数据的Web显示、权限管理等项目的开发。

jQuery zTree是小巧实用的轻量级树插件工具，这款插件能够轻松解析json格式的数据，并通过两种方式能够将数据传给zTree组件来生成树状结构，而且zTree插件还支持IE、FireFox、chrome等多个浏览器，同时也支持任意更换皮肤、自定义图标等特色功能，十分强大。

zTree特色

1、zTreev3.0将核心代码按照功能进行了分割，不需要的代码可以不用加载

2、采用了延迟加载技术，上万节点轻松加载，即使在IE6下也能基本做到秒杀

3、兼容IE、FireFox、Chrome、Opera、Safari等浏览器

4、支持JSON数据

5、支持静态和Ajax异步加载节点数据

6、支持任意更换皮肤/自定义图标（依靠css）

7、支持极其灵活的checkbox或radio选择功能

8、提供多种事件响应回调

9、灵活的编辑（增/删/改/查）功能，可随意拖拽节点，还可以多节点拖拽哟

10、在一个页面内可同时生成多个Tree实例

11、简单的参数配置实现灵活多变的功能

使用手册

1、js核心文件

①zTreev3.x有3个js文件，一个核心包(jquery.ztree.core-3.x.js)，两个扩展包--复选框功能包(jquery.ztree.excheck-3.x.js)&编辑功能包(jquery.ztree.exedit-3.x.js)

②使用zTreev3.x时，核心包必须加载，扩展包根据需要进行加载;这种结构有利于今后不断开发zTree的各种辅助功能或工具，而不影响基本功能.

③在实际使用中，建议将使用的扩展包与核心包代码合并为一个js文件，以节省网络资源，合并时一定要将核心包的代码放在最前面.

2、css文件

①zTreev3.x只使用一个zTreeStyle.css文件，为了尽量避免样式冲突，将zTree容器的className设置为'ztree'

②v3.x中对于主要DOM(li、ul、+/-图标、a)的className增加了level输出，可以针对不同等级的节点设定独立的样式

3、img图片

①zTreev3.x将主要图标都合并为一个图片，利用图片切割方式显示图标

②为了避免原先节点连线之间1像素间隔的问题，在v3.x中+/-图标继续保留18*18的尺寸，其余图标全部修改为16*16，请升级的朋友务必注意修正原先使用的图标大小

③在v3.xDemo中自定义图标都是独立的图片文件，实际开发中建议也都采用图片切割的方式

4、zTree数据

zTree使用JSON数据，关于数据部分请认真查看API文档"treeNode节点数据详解"中的内容，并且在Demo中也都可以看到treeNode的定义

5、调试代码

进行程序开发时，建议首先使用chrome或firefox进行调试工作--普通js调试，ajax获取数据时网络情况的跟踪都很容易.个人推荐:chrome的开发人员工具或firefox的firebug插件.加载技术，上万节点轻松加载，即使在IE6下也能基本做到秒杀

常见问题

一、zTree 对 jQuery 的版本有要求吗？

基本来说没有要求，zTree 在开发中使用 jQuery 1.4.4；目前简单测试过 jQuery 1.3+ 应该都能正常使用

二、css 样式异常怎么办？

1、异常原因：

页面上自定义的 css 与 zTree 的 css 产生冲突

页面上使用其他插件的 css 与 zTree 的 css 产生冲突

修改 zTree 的 css 错误影响了 zTree

2、解决方案：

由于 css 冲突的可能性太多，与其说是解决方案，不如说是处理建议。

A、避免针对 id 进行样式设定，尽量采用 class 设置。 因为针对 id 设定的样式等级太高，zTree 的样式肯定会被覆盖。

B、zTree 默认的样式不可能将全部 css 定义都重新设置一遍，所以难免有遗漏，如果被遗漏的样式影响了效果，那么请在 zTreeStyle 内增加上对应的设置内容，而且一旦出现这种情况，也希望你能通知我，谢谢。

C、如果以上都不能解决，那么再看看是否有命名规则冲突，导致了样式冲突

D、最后再看看是否自己修改的 zTree 样式出现了错误