树形图的制作

  • Post author:
  • Post category:其他


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术:VS 与bootstrap

作者:梁英豪

撰写时间:2019年6月28日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


树形图的制作

什么是树形图?据我所知可能也不是很多,就是稍微有一点点知道吧!但也不是很了解。但是功能我还是知道的。因为在生活中或者其它的文件夹中也是有实用到的。那就是树形图。

但问题来了。知道是怎么实现树形吗?知道是用什么插件吗?对我来说都是新的知识点吧!

今天呢!就用来做练习了。我是怎么样操作的呢?

第一步!就是找到一片空白区域存放内容。这就是标题跟区域了。插件就不一一的介绍了,有点多,

“jquery.ztree.core.js”

这个是主要的核心插件。

第二步!就是来封装方法,因为这个方法呢!可以带来很多不必要多写的代码简洁很多。这里就是图标和功能的部分了,因为这部分带来了很多知识点,首先就是方块选择了,在这里可以全选和多选还有单选,然后就是收缩跟展开了,这个功能可以让内容部分的数据可以收缩跟展开来显示。修改跟删除就不多说了,只是图标还有功能。

第三步!就是写上面所介绍的内容区部分了。这里呢!就介绍了两个题标的内容,name是题标的名称,true是展开还有false是收缩的两个按钮。

第四步!就像是为了这个人所铺的路一样。就是为了这段代码铺垫。就这样简单的完成了树形图。



版权声明:本文为weixin_44573738原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。