Imagine having object1, object2, and object3.
They are designated for dropping only in Zone1
Now, consider object4, object5, and object6.
They can only be dropped in Zone2
How do I set up this configuration?
Additionally, I want object7 to be droppable in either Zone1 or Zone2, but not in Zone3
Currently, my configuration looks like this:
$(document).ready(function () {
$(".draggable").each(function (index, item)
{
$(item).kendoDraggable({
filter: ".handle",
hint: function () {
return $('#box').clone().css("display", "block");
},
dragstart: draggableOnDragStart,
dragend: draggableOnDragEnd
});
});
$("#droptarget").kendoDropTarget({
drop: droptargetOnDrop
});
$("#droptargetGauges").kendoDropTargetArea({
filter: ".test1, .test2",
drop: droptargetOnDrop
});
});
However, this setup allows any div with the class draggable to be dropped in either droptarget or droptargetGauges