zTree
文章平均质量分 88
zTree是目前为止,最常用的树插件之一。它性能优异、配置灵活,可实现多种功能,并且可以将多种功能组合起来使用,是使用树形结构时很好的选择
xjCherie
这个作者很懒,什么都没留下…
展开
-
【ztree系列】MySQL查询所有子节点
其中用到了四个mysql函数 1)cast():用来获取一个类型的值,并产生另一个类型的值。但是可转换类型有限。还有一个用来做转换的函数是convert(value, type) 语法:cast(value astype); 2)concat():用于将多个字符串连接成一个字符串,返回结果为连接参数产生的字符串。如有任何一个参数为NULL ,则返回值为 NULL。 语法:concat (str1,str2,…) 3)gro原创 2016-08-30 22:23:56 · 2857 阅读 · 4 评论 -
【ztree系列】右键菜单、节点伸缩
在网页设计中,一般很少使用右键功能,当我们未定义右键操作的时候,默认的都是调用浏览器事件。但是在有些情况下,例如为了节省页面空间(让页面更简洁、美观)或者是用户不常用的一些功能,我们就可以把它们都放在右键菜单里边了。下面以tree节点伸缩为例,来聊聊我们的右键菜单。一、简述 右键菜单的功能是这样来的,首先设计一个菜单,用于右击显示;菜单上放置一些元素(控件),以供我们选择;然原创 2016-01-09 17:41:01 · 21139 阅读 · 18 评论 -
【ztree系列】完美实现复选框功能
在权限系统中,大多数的页面都用到了树形结构,其中最常用的便是树资源的加载和单击事件,除此之外ztree还可以实现很多功能。今天以实现复选框的添加功能为例,咱们再来深入的学习下ztree的应用。一、实例描述 在用户管理模块中,需要给用户添加角色,而用户与角色的之间是一个多对多的关系。这里我们可以先加载两个角色树资源,通过两个树之间数据的交换,从而得到用户所拥有的角色资源,实现效果原创 2015-08-27 22:14:33 · 13378 阅读 · 16 评论 -
【ztree系列——图标的修改】Bootstrap风格的ztree
前段时间项目中需要用树形结构,在选取的时候参考了很多插件,经过很多尝试,最后又回归到了ztree上。我以前用的界面框架是EasyUI,但是它的树结构在实现起来有点复杂,并且功能不是特别完善。dtree在做demo的时候没什么问题,但是放到项目中,从数据库读取数据后还需要进行转换……码了n个demo后,还是觉得ztree最好用!1.ztree图标 ztree功能强大,使用方便是一原创 2016-01-04 23:50:18 · 75433 阅读 · 25 评论 -
【ztree系列】树节点的模糊查询
以前设计模糊查询的功能,一般都是针对表格来做的,还真没考虑过对tree进行模糊查询,也可能是因为遇到的数据量还没到头疼的程度吧。为了完美的实现模糊查询的效果,搞了半天css,对输入框显示效果的设置更是修改了n多次,什么半圆角、边框、光影。。。真佩服我这颗屡试屡换的小心脏啊一、页面设计对于搜索功能,首先要有输入框,用于接收输入内容;然后就是显示搜索结果用的标签,控制焦点用的上移下动按钮。其实原创 2016-01-09 23:59:36 · 27486 阅读 · 28 评论 -
【ztree系列】节点的增删改
一直以来,项目中用到的树形结构,都是用来读取显示数据、或者控制页面上其它内容的展示。对于树数据源的修改,一般由其它模块来完成,这样可以让功能单一化,不必让树的职责过多,但是却不得不再多加一步了。为了给用户提供最大的便利,省去这一步的麻烦,我们可以利用它的图标增删改功能,这样可以给用户最大的选择余地,也会让我们的系统更加的灵活。一、简述 在做之前,先简单介绍下我们要实现的功能。首原创 2016-01-09 12:44:44 · 42543 阅读 · 29 评论 -
【zTree系列】树形结构zTree
树形结构有多种形式和实现方式,zTree可以说得上是一种比较简洁又美观的且实现起来也相对简单。zTree是一个依靠jQuery实现的多功能“树插件”。它最大的优点是配置灵活,只要id与pid的值相同就可形成一个简单的父子结构。再加上免费开源,使用zTree的人越来越多。一、概述1.实现思路假设有两张表:A表、B表,如果B.Id=A.PId,则A与B将可构成树形结构。(Id与PId只原创 2015-07-31 20:51:48 · 8359 阅读 · 15 评论