Ztree简介

介绍

zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件

• 兼容 IE、FireFox、Chrome 等浏览器 
• 在一个页面内可同时生成多个 Tree 实例 
• 支持 JSON 数据 
• 支持一次性静态生成 和 Ajax 异步加载 两种方式 
• 支持多种事件响应及反馈 
• 支持 Tree 的节点移动、编辑、删除 
• 支持任意更换皮肤 / 个性化图标（依靠css） 
• 支持极其灵活的 checkbox 或 radio 选择功能 
• 简单的参数配置实现 灵活多变的功能

在官网能够下载到zTree的源码、实例和API，其中作者pdf的API写得非常详细。

参数介绍

下面简单介绍一下比较重要的两个参数

一个是setting，zTree 的参数配置都在这里完成，简单的说：树的样式、事件、访问路径等都在这里配置

var setting = {    
    showLine: true,    
    checkable: true    
};

第二个为zTreeNodes，zTree 的全部节点数据集合，采用由JSON对象组成的数据结构，简单的说：这里使用Json格式保存了树的所有信息
zTreeNodes的格式分为两种：利用Json格式嵌套体现父子关系和Array简单格式
第一种-带有父子关系的标准 zTreeNodes

var zTreeNodes = [    
    {
  
  "id":1, "name":"test1", "nodes":[    
      {
  
  "id":11, "name":"test11", "nodes":[    
        {
  
  "id":111, "name":"test111"}    
      ]},    
      {
  
  "id":12, "n