Drag and drop not working with jqxtree

Question

I use jqxTree to view my tree. I want to drag some element and drop on Droppable area.

$(".dragItem").draggable({
   revert: "true",
   revertDuration: 0,
   helper: 'clone',
   cancel : 'span',
   refreshPositions: true,
   containment: "parent"
 });

$(".dragItem").css({"position": ""});

$("#log").droppable({
    accept: ".dragItem",
    drop: function(event){
    alert("Dropped");
   }
});

Above Code is given in fiddle. Can anyone say why the drag and drop is not working Fiddle

Any ideas or suggestions will be helpful.

No it was not working in my project. When I drag an element with the list expanded, it is not getting dropped into my canvas. As the list is very long and its height is extended more than the canvas height, it is not dropping into it. — Sri, Jan 25 '16 at 04:04

score 0 · Answer 1 · answered Jan 23 '16 at 05:30

Add the dragEnd handler to your tree config like below. The event argument passed to this handler has plenty of info, I just used some for demo purpose. Check fiddle: Fiddle.

  $('#jqxTree').jqxTree({
       height: '300px',
       ...
       dragEnd: function (event) {
          $('#log').append(event.label);
       }
   });

score 0 · Answer 2 · answered Jul 03 '16 at 13:44

0

Seems that alert was mistyped, I've updated the code

 drop: function(event){
//alert();
}

http://jsfiddle.net/1fzqtzsz/1/

answered Jul 03 '16 at 13:44

Ricardo Gellman

623
7
17

Drag and drop not working with jqxtree

2 Answers2