树形图的制作

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

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

作者：梁英豪

撰写时间：2019年6月28日

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

树形图的制作

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

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

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

第一步！就是找到一片空白区域存放内容。这就是标题跟区域了。插件就不一一的介绍了，有点多，“jquery.ztree.core.js” 这个是主要的核心插件。

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

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

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