zTree使用的一些经验

笔者目前所知zTree已经发展到3.5的版本了，偶然的机会接触了这个框架，感觉非常好用，于是欣然收藏之。

现在笔者有一些自己的看法，愿意与大家分享，也希望大家能多提宝贵意见，共同进步。

1.zTree主要的js和css

   在v3.x中有3个比较重要的js：一个 核心包 ( jquery.ztree.core-3.x.js )，两个扩展包 -- 复选框功能包 ( jquery.ztree.excheck-3.x.js ) & 编辑功能包 ( jquery.ztree.exedit-3.x.js )，核心包必须加载，扩展包根据需要进行加载；这种结构有利于今后不断开发 zTree 的各种辅助功能或工具，而不影响基本功能。

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

  v3.x中只有一个css：zTreeStyle.css ，为了尽量避免样式冲突，将 zTree 容器的 className 设置为 'ztree'

2.zTree v3.x 将主要图标都合并为一个图片，利用图片切割方式显示图标（形如html中Map的使用）

3.如果希望有更好的动画效果，更高的运行效率，可以选择 jQuery 1.6.x；如果希望能有减少 js 代码，使用基本功能，那么可以选择 mini 版较低版本的jQuery，大家就各取所需吧。

4.在操作过程中遇到的css异常以及解决办法    

• 异常原因：
  
  • 页面上自定义的 css 与 zTree 的 css 产生冲突
  • 页面上使用其他插件的 css 与 zTree 的 css 产生冲突
  • 修改 zTree 的 css 错误影响了 zTree
• 解决方案：
      由于 css 冲突的可能性太多，与其说是解决方案，不如说是处理建议。
  • A、避免针对 id 进行样式设定，尽量采用 class 设置。 因为针对 id 设定的样式等级太高，zTree 的样式肯定会被覆盖。
  • B、zTree 默认的样式不可能将全部 css 定义都重新设置一遍，所以难免有遗漏，如果被遗漏的样式影响了效果，那么请在 zTreeStyle 内增加上对应的设置内容，而且一旦出现这种情况，也希望你能通知我，谢谢。
  • C、如果以上都不能解决，那么再看看是否有命名规则冲突，导致了样式冲突
  • D、最后再看看是否自己修改的 zTree 样式出现了错误

在这里提一句：请注意 json字符串和json对象。切记切记！！~

请区分 JSON 字符串 / 对象

请区分 JSON 字符串 / 对象