![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
z-tree
文章平均质量分 81
wjiaoling136
这个作者很懒,什么都没留下…
展开
-
Z-tree实例(一)——简单实例
最近弄的项目中有用到z-tree就趁机研究一下,都是一些官方的小例子,这里记录一下,以后用的时候可以直接用。1、标准模式:基本页面和引入的文件与官网demo相同:<!DOCTYPE html><HTML><HEAD><TITLE>z-tree实例,标准模式</TITLE><meta http-equiv=...原创 2015-05-07 11:15:38 · 462 阅读 · 0 评论 -
z-tree实例(二)——异步加载
上篇的ztree是写死在页面里的,这篇侧重与从数据库取数据动态加载并实现异步加载。这里的“动态加载数据”是指从数据库中取数据显示到页面,有两种方式:一种是通过请求Action返回字符串,另一种是通过AJAX从后台取数据进行加载。这里的“异步加载数据”指开始加载树时只加载一级节点,点击某个有子节点的父节点时再请求后台加载其子节点。 需要声明的是:1、动态加载数据用到了两个变量...原创 2015-05-07 18:12:51 · 297 阅读 · 0 评论 -
Z-tree实例(三)——callback与重新加载、追加
官网上的“用 zTree 方法异步加载节点数据”例子不好使,我就自己研究了一下,这里做个记录。1、页面布局(需要引入的JS文件,css文件就省了):<body><div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul id="treeDemo"原创 2015-05-08 17:25:56 · 2348 阅读 · 1 评论 -
Z-tree实例(四)——父节点展开、折叠
当前实例也是官网上对应的父节点展开、折叠实例,个人测试学习,这里做备忘。1、页面布局:<body><div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul id="treeDemo" class="ztree">&原创 2015-05-11 09:29:20 · 1176 阅读 · 0 评论 -
Z-tree实例(五)——复选框
官网实例,个人研究测试,以备用。1、页面布局:<BODY><div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul id="treeDemo" class="ztree"></ul>原创 2015-05-15 15:04:43 · 531 阅读 · 0 评论 -
Z-tree实例(六)——连接线、图标、字体样式
主要琢磨ztree的基本属性,如连接线的显示、title的显示、以及icon和font等的设置。页面结构如下:<BODY><div class="content_wrap"><div class="zTreeDemoBackground left"> <ul id="treeDemo" class="ztree"原创 2016-08-16 15:11:33 · 2665 阅读 · 0 评论