专栏首页BeJavaGod使用ztree.js,受益一生,十分钟学会使用tree树形结构插件

使用ztree.js,受益一生,十分钟学会使用tree树形结构插件

看到ztree.js,这几个字眼,毋庸置疑,那肯定就是tree树形结构了,曾经的swing年代有jtree,后来jquery年代有jstree和treeview,虽然我没写过,但是我见过,一些小功能做起来比较繁琐,几个功能做了一个月,当然了有能力的关系,也有插件易用度的关系

最近要实现的功能用tree树形结构来做是最好的,就是资源的分配,来简单讲讲ztree吧,这是目前国内很火的一个插件,百度一下就能了解,使用起来十分简单

小编我用过3年的jqgrid,在此还是要再次感谢当年的王组让我去跟jqgrid深入浅出,多用了jqgrid后,再看ztree,那就十分简单了,不知道ztree作者是否也参考过jqgrid

首先你需要引入js以及css吧

然后你需要定义一个id="treePermission",这点和jqgrid一样

定义一下数据结构和基本配置

zNodes是初始化的静态数据,可以不用,这里为了方便贴了出来,初始化的时候放入$.fn.zTree.init($("#treePermission"), setting, zNodes);即可

这是官网的demo

znodes我没有使用,在初始化的时候会预先加载根目录,然后点击再次加载子目录

好了,调用后就直接可以使用了,非常简单,还有一些简单配置请参考官网吧~

本文分享自微信公众号 - BeJavaGod(wxleechenxiang),作者:李晨翔

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-10-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 关于第三方cookie的作用域以及针对用户行为的使用

    cookie,很多网站都会用的一个机制,可以保存用户的相关信息,token等等,很多人熟知的应该是第一方cookie,可以针对二级域名进行信息的保存,如果遇到跨...

    风间影月
  • 网站平台架构演变史(一)

    朋友公司的产品已经做了11个年头了,在餐饮业可以说数一数二,网站架构从原始的单一应用一直演变至今,已经十分庞大了,不说完美,但是可支撑的业务量已经十分强大。最近...

    风间影月
  • 苹果iOS强制HTTPS迫在眉睫,距离2017年只剩1天,准备好了么?

    其实不久前苹果就发了通告,要求ios上的应用全部以HTTPS来进行接口调用以及数据访问,这样做是为了数据安全,一方面为了自己,另一方面也是对应用的要求更加严格,...

    风间影月
  • 用Python实现一个基于RSA算法的区块链客户端(区块链系列4)

    量化投资与机器学习微信公众号
  • Contact Manager Web API 示例[2] Web API Routing

    联系人管理器web API是一个Asp.net web api示例程序,演示了通过ASP.NET Web API 公开联系信息,并允许您添加和删除联系人,示例地...

    张善友
  • 科研绘图系列 :① 小老鼠

    在论文体量较大且逻辑复杂时,漂亮的示意图能够锦上添花。既直观呈现研究内容,也能增强论文的可读性。

    Mark Chen
  • 排序算法-希尔排序

    上一篇讲解了简单插入排序算法,以及在其基础上优化的二分插入排序算法,但是每次插入需要按间隔为 1 移动有序区的元素,效率不高,下面我们来介绍一种新的插入排序算法...

    武培轩
  • Contact Manager Web API 示例[2] Web API Routing

    联系人管理器web API是一个Asp.net web api示例程序,演示了通过ASP.NET Web API 公开联系信息,并允许您添加和删除联系人,示例地...

    张善友
  • .Net中的加密解密

    在一些比较重要的应用场景中,通过网络传递数据需要进行加密以保证安全。本文将简单地介绍了加密解密的一些概念,以及相关的数字签名、证书,最后介绍了如何在.NET中对...

    张子阳
  • 汉字转成拼音首字母

    逍遥剑客

扫码关注云+社区

领取腾讯云代金券