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

removed bug in dragndrop where nodes with html were pushing null/partial content

master
Wes 2011-11-19 14:19:41 +00:00
parent 7d49fcd736
commit c9111adf23
2 changed files with 56 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
example/jquery.jOrgChart.js
View File

@ -32,7 +32,7 @@
// add drag and drop if enabled
if(opts.dragAndDrop){
$('.node').draggable({
$('div.node').draggable({
cursor : 'move',
distance : 40,
helper : 'clone',
@ -46,7 +46,7 @@
stop : handleDragStop
});
$('.node').droppable({
$('div.node').droppable({
accept : '.node',
activeClass : 'drag-active',
drop : handleDropEvent,
@ -73,14 +73,32 @@
// Drop event handler for nodes
function handleDropEvent( event, ui ) {
console.log('handleDropEvent');
var sourceNode = ui.draggable;
var targetNode = $(this);
var targetLi = $('li:contains("' + targetNode.html() +'")').last();
// finding nodes based on plaintext and html
// content is hard!
var targetLi = $('li').filter(function(){
var sourceliHtml = $('li:contains("' + sourceNode.html() +'")').last().clone();
var sourceLi = $('li:contains("' + sourceNode.html() +'")').last();
li = $(this).clone()
.children("ul,li")
.remove()
.end();
return li.html() == targetNode.html();
});
var sourceLi = $('li').filter(function(){
li = $(this).clone()
.children("ul,li")
.remove()
.end();
return li.html() == sourceNode.html();
});
var sourceliClone = sourceLi.clone();
var sourceUl = sourceLi.parent('ul');
if(sourceUl.children('li').size() > 1){
@ -90,9 +108,9 @@
}
if(targetLi.children('ul').size() >0){
targetLi.children('ul').append('<li>'+sourceliHtml.html()+'</li>');
targetLi.children('ul').append('<li>'+sourceliClone.html()+'</li>');
}else{
targetLi.append('<ul><li>'+sourceliHtml.html()+'</li></ul>');
targetLi.append('<ul><li>'+sourceliClone.html()+'</li></ul>');
}
} // handleDropEvent

38
jquery.jOrgChart.js
View File

@ -32,7 +32,7 @@
// add drag and drop if enabled
if(opts.dragAndDrop){
$('.node').draggable({
$('div.node').draggable({
cursor : 'move',
distance : 40,
helper : 'clone',
@ -46,7 +46,7 @@
stop : handleDragStop
});
$('.node').droppable({
$('div.node').droppable({
accept : '.node',
activeClass : 'drag-active',
drop : handleDropEvent,
@ -73,14 +73,32 @@
// Drop event handler for nodes
function handleDropEvent( event, ui ) {
console.log('handleDropEvent');
var sourceNode = ui.draggable;
var targetNode = $(this);
var targetLi = $('li:contains("' + targetNode.html() +'")').last();
// finding nodes based on plaintext and html
// content is hard!
var targetLi = $('li').filter(function(){
var sourceliHtml = $('li:contains("' + sourceNode.html() +'")').last().clone();
var sourceLi = $('li:contains("' + sourceNode.html() +'")').last();
li = $(this).clone()
.children("ul,li")
.remove()
.end();
return li.html() == targetNode.html();
});
var sourceLi = $('li').filter(function(){
li = $(this).clone()
.children("ul,li")
.remove()
.end();
return li.html() == sourceNode.html();
});
var sourceliClone = sourceLi.clone();
var sourceUl = sourceLi.parent('ul');
if(sourceUl.children('li').size() > 1){
@ -90,14 +108,14 @@
}
if(targetLi.children('ul').size() >0){
targetLi.children('ul').append('<li>'+sourceliHtml.html()+'</li>');
targetLi.children('ul').append('<li>'+sourceliClone.html()+'</li>');
}else{
targetLi.append('<ul><li>'+sourceliHtml.html()+'</li></ul>');
targetLi.append('<ul><li>'+sourceliClone.html()+'</li></ul>');
}
}
} // handleDropEvent
}
} // Drag and drop
};
// Option defaults