组织树ztree.js基本用法

项目中经常会用到下图所示的组织树，今天仔细研究下官方文档，在这里把一些入门的技巧记录下来。

【简介】zTree 是一个依靠 jQuery 实现的多功能 “树插件”。形式多样，功能强大。

• 配置方式采用jQuery与JSON的语法结构，参数配置简单，较易上手。
• 兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器，即使在IE6下也能很好的支持。
• 支持静态 和 Ajax 异步加载节点数据。
• 支持任意更换皮肤 / 自定义图标（依靠css）功能。
• 支持极其灵活的 checkbox 或 radio 选择功能。
• 提供多种事件响应回调。
• 灵活的编辑（增/删/改/查）功能，可随意拖拽节点，还可以多节点拖拽。
• 在一个页面内可同时生成多个 Tree 实例

一、准备工作

从官网github上下载源码，将css，img，js文件引入到项目中，如下所示：

<link rel="stylesheet" href="../../css/zTreeStyle/zTreeStyle.css" type="text/css">

<script type="text/javascript" src="../../js/jquery.min.js"></script>

<script type="text/j