Revert animation not working when dragEnd.

2 posts, 0 answers
  1. Vedat
    Vedat  avatar
    2 posts
    Member since:
    Apr 2017

    Posted 08 Mar Link to this post

    Hi, 

    I have a "table" and labels inside table's td.I applied kendoDraggable to all labels in tds. And the all tds also droppable. Briefly, i want to move elements (which insde table cell) to another cell. 

    Everything seems ok, i can drag and drop but when i drag element to not droppable area, element disappeared, not reverting with animation. And some laggy behaviour when dragging. Am i missing a point ?

    Here is my implementation

    $("#itemTable label.item-label").kendoDraggable({
                    hint: function (element) {
                        var clone = $(element).clone();
                        $(clone).css('border', "1px solid black");
                        $(clone).css('width', 'auto');
                        $(clone).css('background-color', '#ffffff');
                        return clone;
                    },
                    dragstart: draggableOnDragStart,
                    drag: draggableOnDrag,
                    dragend: draggableOnDragEnd,
                    dragcancel: draggableOnCancel
                });

                $("#itemTable tbody tr td").kendoDropTarget({
                    dragenter: droptargetOnDragEnter,
                    dragleave: droptargetOnDragLeave,
                    drop: droptargetOnDrop
                });

                function droptargetOnDrop(e) {
                    console.log("drop");
                    console.log(e);
                    $(e.draggable.currentTarget).appendTo($(e.dropTarget[0]));
                }



    Thanks   

  2. Vedat
    Vedat  avatar
    2 posts
    Member since:
    Apr 2017

    Posted 09 Mar in reply to Vedat Link to this post

    Finally i found the missing point. I applied draggable property to label. When i changed it to div, it's worked.  

    Thanks
Back to Top