DragDropManager is a singleton that tracks the element interaction for all DragDrop items in the window. Generally, you will not call this class directly, but it does have helper methods that could be useful in your DragDrop implementations.
In intersect mode, drag and drop interaction is defined by the overlap of two or more drag and drop objects.
In intersect mode, drag and drop interaction is defined by the overlap of two or more drag and drop objects.
In point mode, drag and drop interaction is defined by the location of the cursor during the drag/drop
In point mode, drag and drop interaction is defined by the location of the cursor during the drag/drop
The number of pixels that the mouse needs to move after the mousedown before the drag is initiated. Default=3;
The number of pixels that the mouse needs to move after the mousedown before the drag is initiated. Default=3;
The number of milliseconds after the mousedown event to initiate the drag if we don't get a mouseup event. Default=350
The number of milliseconds after the mousedown event to initiate the drag if we don't get a mouseup event. Default=350
Flag to determine if we should prevent the default behavior of the events we define. By default this is true, but this can be set to false if you need the default behavior (not recommended)
Flag to determine if we should stop the propagation of the events we generate. This is true by default but you may want to set it to false if the html element contains other features that require the mouse click.
Helper function for getting the best match from the list of drag and drop objects returned by the drag and drop events when we are in INTERSECT mode. It returns either the first object that the cursor is over, or the object that has the greatest overlap with the dragged element.
The array of drag and drop objects targeted
The best single match
Returns the style property for the DOM element (i.e., document.getElById(id).style)
Returns the style property for the DOM element (i.e., document.getElById(id).style)
the id of the elment to get
The style property of the element
Returns the DragDrop instance for a given id
Returns the DragDrop instance for a given id
the id of the DragDrop object
the drag drop object, null if it is not found
Returns the actual DOM element
Returns the actual DOM element
the id of the elment to get
The element @deprecated use Ext.lib.Ext.getDom instead
Returns a Region object containing the drag and drop element's position and size, including the padding configured for it
the drag and drop object to get the
location for
a Region object representing the total area
the element occupies, including any padding
the instance is configured for.
Returns the drag and drop instances that are in all groups the passed in instance belongs to.
Returns the drag and drop instances that are in all groups the passed in instance belongs to.
the obj to get related data for
if true, only return targetable objs
the related instances
Utility function to determine if a given element has been registered as a drag drop item.
Utility function to determine if a given element has been registered as a drag drop item.
the element id to check
true if this element is a DragDrop item, false otherwise
Utility function to determine if a given element has been registered as a drag drop handle for the given Drag Drop object.
the element id to check
true if this element is a DragDrop handle, false otherwise
Returns true if the specified dd target is a legal target for the specifice drag obj
Returns true if the specified dd target is a legal target for the specifice drag obj
the drag obj
the target
true if the target is a legal target for the dd obj
Is drag and drop locked?
Is drag and drop locked?
True if drag and drop is locked, false otherwise.
My goal is to be able to transparently determine if an object is typeof DragDrop, and the exact subclass of DragDrop. typeof returns "object", oDD.constructor.toString() always returns "DragDrop" and not the name of the subclass. So for now it just evaluates a well-known variable in DragDrop.
object to evaluate
true if typeof oDD = DragDrop
Refreshes the cache of the top-left and bottom-right points of the
drag and drop objects in the specified group(s). This is in the
format that is stored in the drag and drop instance, so typical
usage is:
Ext.dd.DragDropManager.refreshCache(ddinstance.groups);
Alternatively:
Ext.dd.DragDropManager.refreshCache({group1:true, group2:true});
@TODO this really should be an indexed array. Alternatively this
method could accept both.
an associative array of groups to refresh
Each DragDrop instance must be registered with the DragDropManager. This is executed in DragDrop.init()
Each DragDrop instance must be registered with the DragDropManager. This is executed in DragDrop.init()
the DragDrop object to register
the name of the group this element belongs to
Each DragDrop handle element must be registered. This is done automatically when executing DragDrop.setHandleElId()
Each DragDrop handle element must be registered. This is done automatically when executing DragDrop.setHandleElId()
the DragDrop id this element is a handle for
the id of the element that is the drag handle
Fired when either the drag pixel threshol or the mousedown hold time threshold has been met.
Fired when either the drag pixel threshol or the mousedown hold time threshold has been met.
{int} the X position of the original mousedown
{int} the Y position of the original mousedown
Utility to stop event propagation and event default, if these features are turned on.
Utility to stop event propagation and event default, if these features are turned on.
the event as returned by this.getEvent()
This checks to make sure an element exists and is in the DOM. The main purpose is to handle cases where innerHTML is used to remove drag and drop objects from the DOM. IE provides an 'unspecified error' when trying to access the offsetParent of such an element
the element to check
true if the element looks usable