onBeforeDrag

fires before the mouse button is pressed and the cursor is moved over a draggable item

boolean onBeforeDrag(object context,Event native_event){ ... };

Parameters

contextobjectthe drag-n-drop context
native_eventEventan HTML event object

Returns

booleanreturning false will prevent dragging of the element

Example

grida.attachEvent("onBeforeDrag", function(context, native_event){
    context.html = "<div style='padding:8px;'>";
    for (var i=0; i< context.source.length; i++){
        context.html += context.from.getItem(context.source[i]).title + "<br>" ;
    }
    context.html += "</div>";
    return true;
});

Related samples

Details

If you drag multiple items, the event will be called once for the entire batch of items.

The drag-and-drop context can have the following properties:

  • from - the source object
  • to - the target object
  • source - the ID of the dragged item(s)
  • target - the ID of the drop target, null for dropping on empty space
  • start - the ID from which drag-n-drop was started
See also
Back to top
If you have not checked yet, be sure to visit site of our main product Webix best ui framework and page of javascript menu product.