zTree v3.x —— 使用之前了解

  1. js 核心文件
    zTree v3.x 有 3 个 js 文件,一个 核心包 ,两个扩展包zTree v3.x 有 3 个 js 文件,一个 核心包 ,两个扩展包 :
  • jquery.ztree.core-3.x.js —— 核心包(必选,置前)

  • jquery.ztree.excheck-3.x.js —— 复选框功能包 (可选)

  • jquery.ztree.exedit-3.x.js —— 编辑功能包(可选)

    实际使用可以合并,形成一个js,节省网络资源。

  1. css 文件
    zTree v3.x 只使用一个 zTreeStyle.css 文件,
    为了尽量避免样式冲突,将 zTree 容器的 className 设置为 ‘ztree’
    v3.x 中对于主要 DOM ( li、ul、+/-图标、a ) 的 className 增加了 level 输出,可以针对不同等级的节点设定独立的样式

  2. img 图片
    zTree v3.x 将主要图标都合并为一个图片,利用图片切割方式显示图标

    为了避免原先节点连线之间 1 像素间隔的问题,在 v3.x 中 +/-图标 继续保留 18 X 18 的尺寸,其余图标全部修改为 16 X 16

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

  3. zTree 数据
    zTree 使用 JSON 数据
    API 文档 “treeNode 节点数据详解” 写得很清楚

  4. 调试代码
    个人推荐:chrome 的开发人员工具或 firefox 的 firebug 插件。

  5. jQuery 版本
    zTree 在开发中使用 jQuery 1.4.4;目前简单测试过 jQuery 1.3+ 应该都能正常使用。

你可能感兴趣的:(前端插件,树状列表)