前言
闲来无事写一个多级用户关系层,于是就存在展示的问题。这时OrgChart就派上了用场。
在用的过程中,有一耐耐的小问题,咔咔就借着问题点,给大家介绍这款插件的使用。
最终效果如下
当然咔咔最终需要实现的效果肯定不是这个样子了,这个只是这个插件可以实现出来的效果。看了这个图你就知道适不适合自己的项目了。
一、接入OrgChart
下载地址咔咔提供不了,会提示广告的,如果找不到评论区见。
这是下载后的文件,文件夹中除了css、js、font其它的文件夹都是不同类型的组织架构图。
这里咔咔使用的是第一种ajax-datasource
将需需要的文件放到资源目录下即可
在ajax-datasource文件夹下有个index.html,里边附带的有案例
这个时候我们就需要将这份代码复制到项目中需要展示的页面中,也就是简单的配置css、js的加载路径而已。
嗯呐!就这样,很是简单吧!着实很简单。
来看看效果呗!