Class Ext.dd.DragZone

Lets you to specify an element id for a child of a drag handle that should not initiate a drag

Add this instance to a group of related drag/drop objects. All instances belong to at least one group, and can belong to as many groups as needed.

An empty function by default, but provided so that you can perform a custom action when the dragged item enters the drop target by providing an implementation.

An empty function by default, but provided so that you can perform a custom action while the dragged item is over the drop target by providing an implementation.

Applies the configuration parameters that were passed into the constructor. This is supposed to happen at each level through the inheritance chain. So a DDProxy implentation will execute apply config on DDProxy, DD, and DragDrop in order to get all of the parameters that are available in each object.

Event that fires prior to the onDrag event. Overrides Ext.dd.DragDrop.

An empty function by default, but provided so that you can perform a custom action before the dragged item is dropped onto the target and optionally cancel the onDragDrop.

An empty function by default, but provided so that you can perform a custom action before the dragged item is dragged out of the target without dropping, and optionally cancel the onDragOut.

An empty function by default, but provided so that you can perform a custom action after an invalid drop has occurred.

Clears any constraints applied to this instance. Also clears ticks since they can't exist independent of a constraint at this time.

Initializes the drag drop object's constraints to restrict movement to a certain element. Usage:

var dd = new Ext.dd.DDProxy("dragDiv1", "proxytest",
                { dragElId: "existingProxyDiv" });
 dd.startDrag = function(){
     this.constrainTo("parent-id");
 };

Or you can initalize it using the Ext.Element object:

Ext.get("dragDiv1").initDDProxy("proxytest", {dragElId: "existingProxyDiv"}, {
     startDrag : function(){
         this.constrainTo("parent-id");
     }
 });

Fired when we are done dragging the object

Returns a reference to the actual element to drag. By default this is the same as the html element, but it can be assigned to another element. An example of this can be found in Ext.dd.DDProxy

Returns the drag source's underlying Ext.dd.StatusProxy

Hides the drag source's Ext.dd.StatusProxy

Initialization for the drag frame element. Must be called in the constructor of all subclasses

Returns true if this instance is locked, or the drag drop mgr is locked (meaning that all drag/drop is disabled on the page.)

Lock this instance

An empty function by default, but provided so that you can perform a custom action before the initial drag event begins and optionally cancel it.

Abstract method called when this item is dropped on another DragDrop obj

Abstract method called when we are no longer hovering over an element

Event handler that fires when a drag/drop obj gets a mousedown

Remove's this instance from the supplied interaction group

Unsets an invalid handle id

resetConstraints must be called if you manually reposition a dd element.

Allows you to specify that an element other than the linked element will be moved with the cursor during a drag

Allows you to specify a child of the linked element that should be used to initiate the drag operation. An example of this would be if you have a content div with text and links. Clicking anywhere in the content area would normally start the drag operation. Use this method to specify that an element inside of the content div is the element that starts the drag operation.

Allows you to set an element outside of the linked element as a drag handle

By default, the element can be dragged any place on the screen. Use this method to limit the horizontal travel of the element. Pass in 0,0 for the parameters if you want to lock the drag to the y axis.

Abstract method called after a drag/drop object is clicked and the drag or mousedown time thresholds have beeen met.

Unlock this instace