EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: devnull on July 01, 2015, 08:17:01 PM

Title: draggable-droppable - onBeforeDrop()
Post by: devnull on July 01, 2015, 08:17:01 PM

Hi;

I am using draggable and droppable with a PROXY.

I need to check onBeforeDrop() whether to allow the drop or cancel it, how can I do this ?

Thanks

Title: Re: draggable-droppable - onBeforeDrop()
Post by: stworthy on July 02, 2015, 03:49:34 AM

Just use the 'onDrop' event, if allowed, do your really dropping action. Or use the 'onDragEnter' event, if not allowed, call 'disable' method to disable the dropping on the target area.

Code:

$('#dd').droppable({
    onDragEnter: function(e, source){
        if ($(source).text() == 'Apple'){
            $(this).droppable('disable');
        }
    },
    onDrop: function(e, source){
        if (...){
            $(this).html($(source).html() + ' dropped');            
        }
    }
})