jquery 竖向实现组织结构图，自定义样式

网上找了很多都是简单的展示一条数据，或者不是类似二叉树形式的展示。

在放弃的时间终于找到合适的，直接上图

代码实现超级简单

<!DOCTYPE html>
<html lang="cn"><head><meta charset="utf-8"><title>Organization Chart Plugin</title><link rel="stylesheet" href="css/font-awesome.min.css"><link rel="stylesheet" href="css/jquery.orgchart.css"><link rel="stylesheet" href="css/style.css"></head><body><div id="chart-container"></div><script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/jquery.orgchart.js"></script><script type="text/javascript">$.get("http://member.weikang.com/member/api/MiMember/test.ashx?MemberNo=12", function (data) {var datascource = data.data[0];// datascource= datascource.substr(1,datascource.length-2);// console.log(datascource)$('#chart-container').orgchart({'data': datascource,'nodeContent': 'title'});});</script>
</body></html>

jquery 竖向实现组织结构图，自定义样式相关推荐

jquery控件-实现自定义样式的弹出窗口和确认框
在前不久分享了一个基于wpf的自定义弹出框:[wpf控件-自定义美化版MessageBox弹出框控件(扁平化.多样式动画效果)].今天跟大家分享一个jquery的自定义插件:MBox. 啥也不说,先上 ...
jQuery easyui中combox 自定义样式去掉下拉框的空白
EasyUI中combox下拉框的默认样式有一大块空白,非常影响美观.使用"panelHeight="auto"属性可以去掉空白: <div style ...
【javascript】纯原生js的轻便组织结构图，树状图，支持自定义样式
前言写这个插件呢,只是一时兴起,公司的项目中使用到了组织结构图,然后本着面向百度.谷歌编程的思想,我去摸索了半天. 结果一无所获,可能这个词用的有点重了,但是就是没有符合我公司项目要求的,然后我又去 ...
【jQuery】smartMenu右键自定义上下文菜单插件(似web QQ)
DEMO: http://sources.ikeepstudying.com/menu-mail-qq/ 一.这是什么样的一个插件我们都知道,默认状态下,我们右键web页面,会出现一个上下文菜单,例 ...
layer弹出层扩展自定义样式
layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 官网 http://layer.layui.com/ l ...
文件上传控件自定义样式
文件上传控件<input type="file"/>在不同的浏览器下,显示为不同的样式,并且很难随着不同的设计而进行对应变化,这里将实现一种jquery插件的方法,实现 ...
MarkdownPad 2的安装、配置、优化，自定义样式、生成目录，解决win10渲染错误等
文章目录 1.Markdown 介绍 2.Markdown 编辑器 3.MarkdownPad 2 的安装.配置 3.1.下载 3.2.安装 3.3.申请购买序列号 4.异常 4.1.在win10下, ...
Vue3.0导出数据为自定义样式Excel
前言当下开发web应用系统的时候,我们往往会遇到需要把网页上面的数据导出到excel这样的需求,真实的企业项目里对应一些导出财务报表.员工信息.交易记录.考勤打卡记录-等等需求,本文将对此做探讨. ...
android进度条竖条,音频（audio）自定义样式以及控制操作面板
简介 audio为html5中的新属性.定义声音,比如音乐或者其他的音频流.在ie8(包括)以及更早的版本并不支持. 我的自以为一直以为自定义样式,就要添加相应的控制js代码,所以是望而却步.此次项 ...

jquery 竖向实现组织结构图，自定义样式

jquery 竖向实现组织结构图，自定义样式相关推荐

最新文章

热门文章