zTree

逃离我推掉我的手 2022-11-30 04:11 124阅读 0赞

### **一、zTree 简介** ###

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。

优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。

zTree 是开源免费的软件。

### **二、zTree特点** ###

1.  zTree v3.0 将核心代码按照功能进行了分割，不需要的代码可以不用加载
2.  采用了 延迟加载 技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀
3.  兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器
4.  支持 JSON 数据
5.  支持静态 和 Ajax 异步加载节点数据
6.  支持任意更换皮肤 / 自定义图标（依靠css）
7.  支持极其灵活的 checkbox 或 radio 选择功能
8.  提供多种事件响应回调
9.  灵活的编辑（增/删/改/查）功能，可随意拖拽节点，还可以多节点拖拽哟
10. 在一个页面内可同时生成多个 Tree 实例
11. 简单的参数配置实现 灵活多变的功能

### **三、使用步骤** ###

1、文件准备

将需要使用的 zTree v3.x 相关的 js、css、img 文件分别放置到相应目录，并且保证路径正确

2、编写 html 页面

（注意： zTree 的容器 class属性别忘了设置为 "ztree"）

<!DOCTYPE html>

<HTML>

<HEAD>

<TITLE>ZTREE DEMO</TITLE>

<meta http-equiv=*"content-type"* content=*"text/html; charset=UTF-8"*>

<link rel=*"stylesheet"* href=*"demoStyle/demo.css"* type=*"text/css"*>

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

<script type=*"text/javascript"* src=*"jquery-1.4.2.js"*></script>

<script type=*"text/javascript"* src=*"jquery.ztree.core-3.x.js"*></script>

<SCRIPT LANGUAGE=*"JavaScript"*>

**var** zTreeObj;

**var** setting = \{\};

**var** zNodes = \[\{name:"test1", open:**true**, children:\[

\{name:"test1\_1"\}, \{name:"test1\_2"\}\]\},

\{name:"test2", open:**true**, children:\[

\{name:"test2\_1"\}, \{name:"test2\_2"\}\]

\}

\];

$(document).ready(**function**()\{

zTreeObj = $.fn.zTree.init($("\#treeDemo"), setting, zNodes);

\});

</SCRIPT>

</HEAD>

<BODY>

<div>

<ul id=*"treeDemo"* class=*"ztree"*></ul>

</div>

</BODY>

</HTML>

发表评论取消回复

表情：

评论列表（有 0 条评论，124人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery -- zTree

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

今天药忘吃喽~/ 2024年04月18日 08:55/ 0 赞/ 71 阅读

相关 zTree

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

逃离我推掉我的手/ 2022年11月30日 04:11/ 0 赞/ 125 阅读

相关 ztree点滴累计

1. getSelectedNodes().getParentNode().id; 获取父节点的ID //获取直管企业的uuid function findDi

我不是女神ヾ/ 2022年08月06日 08:16/ 0 赞/ 190 阅读

相关 zTree--jQuery学习

本文转自于：http://blog.sina.com.cn/s/blog\_667ac0360102ebk9.html 1 核心文件核心文件：核心包 ( j

朴灿烈づ我的快乐病毒、/ 2022年06月18日 10:43/ 0 赞/ 251 阅读

相关 ztree 模糊查询

之前写的一篇文章仅符合自己项目需求的一种写法，现提供通用的书写方式，废话少说见代码。页面效果： ![70][]![70 1][] 代码如下： //co

朴灿烈づ我的快乐病毒、/ 2022年05月20日 03:15/ 0 赞/ 272 阅读

相关 ztree

一、概述官网介绍说，zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。zTree 是开源免费的

待我称王封你为后i/ 2022年05月17日 22:29/ 0 赞/ 169 阅读

相关 zTree

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

本是古典何须时尚/ 2022年03月02日 06:40/ 0 赞/ 223 阅读

相关 ZTree的使用

ztree和input整合需要导入相应的包： <script src="../../../js/ztree/jquery.ztree.min.js" ty

深碍√TFBOYSˉ_/ 2021年12月10日 03:29/ 0 赞/ 253 阅读

相关 zTree 模糊搜索

/\\ \ 搜索树，高亮显示并展示【模糊匹配搜索条件的节点s】 \ @param treeId \ @param searchConditionId 搜索条件Id

古城微笑少年丶/ 2021年11月13日 21:56/ 0 赞/ 399 阅读

相关 ztree使用

官方文档地址 [http://www.treejs.cn/v3/main.php\\_zTreeInfo][http_www.treejs.cn_v3_main.php_

灰太狼/ 2021年09月28日 09:48/ 0 赞/ 352 阅读