<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Organization Chart Plugin</title>
<link rel="icon" href="img/logo.png">
<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-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.orgchart.js"></script>
<script type="text/javascript">
$(function() {
if ( !Array.prototype.forEach ) {
Array.prototype.forEach = function forEach( callback, thisArg ) {
var T, k;
if ( this == null ) {
throw new TypeError( "this is null or not defined" );
}
var O = Object(this);
var len = O.length >>> 0;
if ( typeof callback !== "function" ) {
throw new TypeError( callback + " is not a function" );
}
if ( arguments.length > 1 ) {
T = thisArg;
}
k = 0;
while( k < len ) {
var kValue;
if ( k in O ) {
kValue = O[ k ];
callback.call( T, kValue, k, O );
}
k++;
}
};
}
if (!Object.keys) {
Object.keys = (function () {
var hasOwnProperty = Object.prototype.hasOwnProperty,
hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString'),
dontEnums = [
'toString',
'toLocaleString',
'valueOf',
'hasOwnProperty',
'isPrototypeOf',
'propertyIsEnumerable',
'constructor'
],
dontEnumsLength = dontEnums.length;
return function (obj) {
if (typeof obj !== 'object' && typeof obj !== 'function' || obj === null) throw new TypeError('Object.keys called on non-object');
var result = [];
for (var prop in obj) {
if (hasOwnProperty.call(obj, prop)) result.push(prop);
}
if (hasDontEnumBug) {
for (var i=0; i < dontEnumsLength; i++) {
if (hasOwnProperty.call(obj, dontEnums[i])) result.push(dontEnums[i]);
}
}
return result;
}
})()
};
if (!Function.prototype.bind) {
Function.prototype.bind = function (oThis) {
if (typeof this !== "function") {
throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
}
var aArgs = Array.prototype.slice.call(arguments, 1),
fToBind = this,
fNOP = function () {},
fBound = function () {
return fToBind.apply(this instanceof fNOP && oThis
? this
: oThis,
aArgs.concat(Array.prototype.slice.call(arguments)));
};
fNOP.prototype = this.prototype;
fBound.prototype = new fNOP();
return fBound;
};
}
var datascource = {
'name': '根节点',
'children': [
{ 'name': '一级节点1', 'url': '1.html',
'children': [
{ 'name': '二级节点1' },
{ 'name': '二级节点2' },
{ 'name': '二级节点3' },
{ 'name': '二级节点4' },
{ 'name': '二级节点5' },
{ 'name': '二级节点6' },
{ 'name': '二级节点7' },
{ 'name': '二级节点8' }
]
},
{ 'name': '一级节点2', 'url': '2.html' },
{ 'name': '一级节点3', 'url': '3.html',
'children': [
{ 'name': '二级节点9' },
{ 'name': '二级节点10','collapsed': true,
'children':[
{ 'name': '三级节点1' },
{ 'name': '三级节点2' },
{ 'name': '三级节点3' },
{ 'name': '三级节点4' },
{ 'name': '三级节点5' },
{ 'name': '三级节点6' }
]}
]}
]
};
$('#chart-container').orgchart({
'visibleLevel': 2,
'pan': false,
'datas' : datascource,
'nodeContent': 'url'
});
});
</script>
</body>
</html>
IE8兼容栏目树orgchart的使用
需积分: 9 26 浏览量
2018-09-07
15:11:46
上传
评论
收藏 71KB RAR 举报
栏目树orgchart使用.rar （7个子文件） 
栏目树orgchart使用 css 
jquery.orgchart.css 8KB font-awesome.min.css 30KB style.css 354B img 
捕获.PNG 28KB
test.html 4KB js jquery-1.8.3.min.js 91KB jquery.orgchart.js 59KB资源评论
