zTree学习笔记1---zTree从零搭建(新手基础教程)

zTree – jQuery 树插件

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。

可以做出来如下效果:
zTree学习笔记1---zTree从零搭建(新手基础教程)_第1张图片

一 使用前准备工作

1 下载JQuery插件
http://www.jq22.com/jquery-info122
(要1.4版本以上的)
zTree学习笔记1---zTree从零搭建(新手基础教程)_第2张图片
2 下载zTree插件
官网地址:http://www.treejs.cn/v3/main.php#_zTreeInfo
zTree学习笔记1---zTree从零搭建(新手基础教程)_第3张图片

二 导入到开发工具

我这里使用的是IDEA
首先创建一个WEB项目,引入jQuery和zTree(下载下来的压缩包解压后放进项目即可)
zTree学习笔记1---zTree从零搭建(新手基础教程)_第4张图片

三 在html导入资源文件


    
    zTreeDemo
    
    
    
    
    

四 创建zTree容器

    五 初始化ztree

    
        
        

      *setting配置

      setting为树结构的配置

      1. 普通使用,无必须设置的参数
      2. 与显示相关的内容请参考 API 文档中 setting.view 内的配置信息
      3. name、children、title 等属性定义更改请参考 API 文档中 setting.data.key 内的配置信息

      你可能感兴趣的:(zTree学习)