guillaume
/
jOrgChart
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: guillaume:my-master
Branches Tags
guillaume:my-master
guillaume:collapse
guillaume:master
guillaume:gh-pages
..
compare: guillaume:master
Branches Tags
guillaume:my-master
guillaume:collapse
guillaume:master
guillaume:gh-pages

No commits in common. "my-master" and "master" have entirely different histories.
my-master ... master

2 changed files with 5 additions and 9 deletions
Show Stats Expand all files Collapse all files

11
jquery.jOrgChart.js
View File

@ -99,8 +99,7 @@
chartElement : 'body', chartElement : 'body',
depth : -1, depth : -1,
chartClass : "jOrgChart", chartClass : "jOrgChart",
dragAndDrop: false, dragAndDrop: false
ignoreSpace: false
}; };
function buildNodes($list, $appendTo, opts) { function buildNodes($list, $appendTo, opts) {
@ -161,7 +160,7 @@
if($tr.hasClass('contracted')){ if($tr.hasClass('contracted')){
$this.css('cursor','n-resize'); $this.css('cursor','n-resize');
$tr.removeClass('contracted').addClass('expanded'); $tr.removeClass('contracted').addClass('expanded');
$tr.nextAll("tr").css(opts.ignoreSpace ? 'display' : 'visibility', ''); $tr.nextAll("tr").css('visibility', '');
// Update the <li> appropriately so that if the tree redraws collapsed/non-collapsed nodes // Update the <li> appropriately so that if the tree redraws collapsed/non-collapsed nodes
// maintain their appearance // maintain their appearance
@ -169,8 +168,7 @@
}else{ }else{
$this.css('cursor','s-resize'); $this.css('cursor','s-resize');
$tr.removeClass('expanded').addClass('contracted'); $tr.removeClass('expanded').addClass('contracted');
if(opts.ignoreSpace) { $tr.nextAll("tr").css('display', 'none'); } $tr.nextAll("tr").css('visibility', 'hidden');
else { $tr.nextAll("tr").css('visibility', 'hidden'); }
$node.addClass('collapsed'); $node.addClass('collapsed');
} }
@ -232,8 +230,7 @@
$.each(classList, function(index,item) { $.each(classList, function(index,item) {
if (item == 'collapsed') { if (item == 'collapsed') {
console.log($node); console.log($node);
if(opts.ignoreSpace) { $nodeRow.nextAll('tr').css('display', 'none'); } $nodeRow.nextAll('tr').css('visibility', 'hidden');
else { $nodeRow.nextAll('tr').css('visibility', 'hidden'); }
$nodeRow.removeClass('expanded'); $nodeRow.removeClass('expanded');
$nodeRow.addClass('contracted'); $nodeRow.addClass('contracted');
$nodeDiv.css('cursor','s-resize'); $nodeDiv.css('cursor','s-resize');

3
readme.markdown
View File

@ -117,10 +117,9 @@ Source code with an example is available [here](https://github.com/wesnolte/jOrg
##Configuration ##Configuration
There are only 5 configuration options. There are only 3 configuration options.
1. **chartElement** - used to specify which HTML element you'd like to append the OrgChart markup to. *[default='body']* 1. **chartElement** - used to specify which HTML element you'd like to append the OrgChart markup to. *[default='body']*
2. **depth** - tells the code what depth to parse to. The default value of "-1" instructs it to parse like it's 1999. *[default=-1]* 2. **depth** - tells the code what depth to parse to. The default value of "-1" instructs it to parse like it's 1999. *[default=-1]*
3. **chartClass** - the name of the style class that is assigned to the generated markup. *[default='jOrgChart']* 3. **chartClass** - the name of the style class that is assigned to the generated markup. *[default='jOrgChart']*
4. **dragAndDrop** - determines whether the drag-and-drop feature of tree node elements is enabled. *[default=false]* 4. **dragAndDrop** - determines whether the drag-and-drop feature of tree node elements is enabled. *[default=false]*
5. **ignoreSpace** - if true, no space is used by collapsed nodes. if false, the width and height of the graph stays the same when collapsing nodes. *[default=false]*