orgChart生成组织结构图应用

最新推荐文章于 2024-08-16 09:27:29 发布

textboy

最新推荐文章于 2024-08-16 09:27:29 发布

阅读量7.8k

点赞数

分类专栏：前端文章标签： orgChart 组织结构图

本文链接：https://blog.csdn.net/textboy/article/details/46474821

版权

本文介绍如何利用orgChart这个开源JavaScript库动态生成组织结构图。虽然在展示多分支时可能出现拥挤问题，但通过调整CSS可以适应各种结构。

摘要由CSDN通过智能技术生成

orgChart 是一个开源JS，可用于生成组织结构图。现构建如下：

1）动态生成HTML作为数据source

var preTitle = "";
				var content = "<ul id='basic-stacking-source' class='hide'><li>Band<ul>";		// header

				$.each(titleNameList, function(i, item){
					if (preTitle != item.title) {
						if (preTitle != "") {
							content += "</ul></li>";															// end name & title
						}
						preTitle = item.title;
						content += "<li>" + item.title + "<ul>";
						
					}
					content += "<li>" + item.name + "</li>";
				});
				content += "</ul></li>";																		// end name & title finally
				content += "</ul></li></ul>";																	// end heade