/**
* jQuery org-chart/tree plugin.
*
* Author: Wes Nolte
* http://www.tquila.com
*
* Based on the work of Mark Lee
* http://www.capricasoftware.co.uk
*
* This software is licensed under the Creative Commons Attribution-ShareAlike
* 3.0 License.
*
* See here for license terms:
* http://creativecommons.org/licenses/by-sa/3.0
*/
(function($) {
$.fn.jOrgChart = function(options) {
var opts = $.extend({}, $.fn.jOrgChart.defaults, options);
var $appendTo = $(opts.chartElement);
return this.each(function() {
$this = $(this);
var $container = $("<div class='" + opts.chartClass + "'/>");
if($this.is("ul")) {
buildNode($this.find("li:first"), $container, 0, opts);
}else if($this.is("li")) {
buildNode($this, $container, 0, opts);
}
$appendTo.append($container);
});
};
$.fn.jOrgChart.defaults = {
chartElement : 'body',
depth : -1,
chartClass : "jOrgChart"
};
function buildNode($node, $appendTo, level, opts) {
var $table = $("<table cellpadding='0' cellspacing='0' border='0'/>");
var $tbody = $("<tbody/>");
// Construct the node container(s)
var $nodeRow = $("<tr/>").addClass("node-cells");
var $nodeCell = $("<td/>").addClass("node-cell").attr("colspan", 2);
var $childNodes = $node.children("ul:first").children("li");
if($childNodes.length > 1) {
$nodeCell.attr("colspan", $childNodes.length * 2);
}
// Draw the node
// Get the contents - any markup except li and ul allowed
var $nodeContent = $node.clone().children("ul,li").remove().end().html();
//var $heading = $("<h2>").text(nodeContent);
$nodeDiv = $("<div>").addClass("node").append($nodeContent);
// Expand and contract nodes
$nodeDiv.click(function() {
//var $this = $(this);
//test($this.text())
/*
var $this = $(this);
var $tr = $this.closest("tr");
$tr.nextAll("tr").fadeToggle("fast");
if($tr.hasClass('contracted')){
$this.css('cursor','n-resize');
$tr.addClass('expanded');
}else{
$this.css('cursor','s-resize');
$tr.addClass('contracted');
}*/
});
$nodeCell.append($nodeDiv);
$nodeRow.append($nodeCell);
$tbody.append($nodeRow);
if($childNodes.length > 0) {
// if it can be expanded then change the cursor
$nodeDiv.css('cursor','n-resize').addClass('expanded');
// recurse until leaves found (-1) or to the level specified
if(opts.depth == -1 || (level+1 < opts.depth)) {
var $downLineRow = $("<tr/>");
var $downLineCell = $("<td/>").attr("colspan", $childNodes.length*2);
$downLineRow.append($downLineCell);
// draw the connecting line from the parent node to the horizontal line
$downLine = $("<div></div>").addClass("line down");
$downLineCell.append($downLine);
$tbody.append($downLineRow);
// Draw the horizontal lines
var $linesRow = $("<tr/>");
$childNodes.each(function() {
var $left = $("<td/>").addClass("line left top");
var $right = $("<td/>").addClass("line right top");
$linesRow.append($left).append($right);
});
// horizontal line shouldn't extend beyond the first and last child branches
$linesRow.find("td:first").removeClass("top");
$linesRow.find("td:last").removeClass("top");
$tbody.append($linesRow);
var $childNodesRow = $("<tr/>");
$childNodes.each(function() {
var $td = $("<td class='node-container'/>");
$td.attr("colspan", 2);
// recurse through children lists and items
buildNode($(this), $td, level+1, opts);
$childNodesRow.append($td);
});
}
$tbody.append($childNodesRow);
}
$table.append($tbody);
$appendTo.append($table);
};
})(jQuery);
function reply(t){
alert(t)
}
jOrgChart的js
需积分: 26 84 浏览量
2014-06-09
13:50:02
上传
评论
收藏 31KB ZIP 举报
jOrgChart.zip （19个子文件） 
jOrgChart css 
bootstrap.min.css 46KB jquery.jOrgChart.css 704B prettify.css 675B custom.css 1KB .svn all-wcprops 611B prop-base props tmp prop-base props text-base text-base bootstrap.min.css.svn-base 46KB prettify.css.svn-base 675B jquery.jOrgChart.css.svn-base 704B custom.css.svn-base 1KB entries 818B images 
bkgd.png 133B .svn all-wcprops 218B prop-base bkgd.png.svn-base 53B props tmp prop-base props text-base text-base bkgd.png.svn-base 133B entries 371B jquery.jOrgChart.js 4KB .svn all-wcprops 226B prop-base props tmp prop-base props text-base text-base jquery.jOrgChart.js.svn-base 4KB entries 390B资源评论
