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