java实现树形结构目录js_jquery目录树 js实现 目录数插件

一，简介

ligerTree的功能列表：

1,支持本地数据和服务器数据(配置data或者url)

2,支持原生html生成Tree

3,支持动态获取增加/修改/删除节点

4,支持大部分常见的事件

5,支持获取选中行等常见的接口方法

二，第一个例子

引入库文件

遵循LigerUI系列插件的设计原则(插件尽量单独)，ligerTree是一个单独的插件，也就是说只需要引入plugins/ligerTree.js和样式css文件就可以使用(当然必须先引入jQuery)，在这个例子中，我把tree用到的样式和图片分离了出来，有兴趣的朋友可以下载来看看

加入HTML

• 节点1

  • 节点1.1

    • 节点1.1.1
    • 节点1.1.2
  • 节点1.2

调用ligerTree

效果图

三，常用场景

场景一：不使用复选框：$("#tree2").ligerTree({ checkbox: false });

场景二：不使用复习框和图标：$("#tree3").ligerTree({ checkbox: false, parentIcon: null, childIcon: null });

效果如图：