Class Ext.dd.DragZone

Package:	Ext.dd
Class:	DragZone
Extends:	DragSource
Defined In:	DragZone.js

This class provides a container DD instance that proxies for multiple child node sources.
By default, this class requires that draggable child nodes are registered with Ext.dd.Registry.

Properties - Methods - Events - Config Options

Public Properties

Property		Defined By
	available : boolean	DragDrop
	The availabe property is false until the linked dom element is accessible.	DragDrop
	centerFrame : boolean	DDProxy
	By default the frame is positioned exactly where the drag element is, so we use the cursor offset provided by Ext.dd....	DDProxy
	config : object	DragDrop
	Configuration attributes passed into the constructor	DragDrop
	groups : string:	DragDrop
	The group defines a logical collection of DragDrop objects that are related. Instances only get events when interact...	DragDrop
	hasOuterHandles : boolean	DragDrop
	By default, drags can only be initiated if the mousedown occurs in the region the linked element is. This is done in...	DragDrop
	id : String	DragDrop
	The id of the element associated with this object. This is what we refer to as the "linked element" because the size...	DragDrop
	invalidHandleClasses : string[]	DragDrop
	An indexted array of css class names for elements that will be ignored if clicked.	DragDrop
	invalidHandleIds : string:	DragDrop
	An associative array of ids for elements that will be ignored if clicked	DragDrop
	invalidHandleTypes : string:	DragDrop
	An associative array of HTML tags that will be ignored if clicked.	DragDrop
	maintainOffset : boolean	DragDrop
	Maintain offsets when we resetconstraints. Set to true when you want the position of the element relative to its par...	DragDrop
	onStartDrag : Object	DragSource
	An empty function by default, but provided so that you can perform a custom action once the initial drag event has be...	DragSource
	primaryButtonOnly : boolean	DragDrop
	By default the drag and drop instance will only respond to the primary button click (left button for a right-handed m...	DragDrop
	resizeFrame : boolean	DDProxy
	By default we resize the drag frame to be the same size as the element we want to drag (this is to get the frame effe...	DDProxy
	scroll : boolean	DD
	When set to true, the utility automatically tries to scroll the browser window wehn a drag and drop element is dragge...	DD
	xTicks : int[]	DragDrop
	Array of pixel locations the element will snap to if we specified a horizontal graduation/interval. This array is ge...	DragDrop
	yTicks : int[]	DragDrop
	Array of pixel locations the element will snap to if we specified a vertical graduation/interval. This array is gene...	DragDrop

Public Methods

Method		Defined By
	DragZone( `String/HTMLElement/Element el`, `Object config` )	DragZone
		DragZone
	addInvalidHandleClass( `string cssClass` ) : void	DragDrop
	Lets you specify a css class of elements that will not initiate a drag	DragDrop
	addInvalidHandleId( `string id` ) : void	DragDrop
	Lets you to specify an element id for a child of a drag handle that should not initiate a drag	DragDrop
	addInvalidHandleType( `string tagName` ) : void	DragDrop
	Allows you to specify a tag name that should not start a drag operation when clicked. This is designed to facilitate...	DragDrop
	addToGroup( `sGroup {string}` ) : void	DragDrop
	Add this instance to a group of related drag/drop objects. All instances belong to at least one group, and can belon...	DragDrop
	afterDragDrop( `Ext.dd.DragDrop target`, `Event e`, `String id` ) : void	DragSource
	An empty function by default, but provided so that you can perform a custom action after a valid drag drop has occurr...	DragSource
	afterDragEnter( `Ext.dd.DragDrop target`, `Event e`, `String id` ) : void	DragSource
	An empty function by default, but provided so that you can perform a custom action when the dragged item enters the d...	DragSource
	afterDragOut( `Ext.dd.DragDrop target`, `Event e`, `String id` ) : void	DragSource
	An empty function by default, but provided so that you can perform a custom action after the dragged item is dragged ...	DragSource
	afterDragOver( `Ext.dd.DragDrop target`, `Event e`, `String id` ) : void	DragSource
	An empty function by default, but provided so that you can perform a custom action while the dragged item is over the...	DragSource
	afterInvalidDrop( `Event e`, `String id` ) : void	DragSource
	An empty function by default, but provided so that you can perform a custom action after an invalid drop has occurred...	DragSource
	afterRepair() : void	DragZone
	Called after a repair of an invalid drop. By default, highlights this.dragData.ddel	DragZone
	alignElWithMouse( `HTMLElement el`, `int iPageX`, `int iPageY` ) : void	DD
	Sets the element to the location of the mousedown or click event, maintaining the cursor location relative to the loc...	DD
	applyConfig() : void	DragDrop
	Applies the configuration parameters that were passed into the constructor. This is supposed to happen at each level ...	DragDrop
	autoOffset( `int iPageX`, `int iPageY` ) : void	DD
	Sets the pointer offset to the distance between the linked element's top left corner and the location the element was...	DD
	beforeDragDrop( `Ext.dd.DragDrop target`, `Event e`, `String id` ) : Boolean	DragSource
	An empty function by default, but provided so that you can perform a custom action before the dragged item is dropped...	DragSource
	beforeDragEnter( `Ext.dd.DragDrop target`, `Event e`, `String id` ) : Boolean	DragSource
	An empty function by default, but provided so that you can perform a custom action before the dragged item enters the...	DragSource
	beforeDragOut( `Ext.dd.DragDrop target`, `Event e`, `String id` ) : Boolean	DragSource
	An empty function by default, but provided so that you can perform a custom action before the dragged item is dragged...	DragSource
	beforeDragOver( `Ext.dd.DragDrop target`, `Event e`, `String id` ) : Boolean	DragSource
	An empty function by default, but provided so that you can perform a custom action while the dragged item is over the...	DragSource
	beforeInvalidDrop( `Ext.dd.DragDrop target`, `Event e`, `String id` ) : Boolean	DragSource
	An empty function by default, but provided so that you can perform a custom action after an invalid drop has occurred.	DragSource
	cachePosition( `iPageX the`, `iPageY the` ) : void	DD
	Saves the most recent position so that we can reset the constraints and tick marks on-demand. We need to know this s...	DD
	clearConstraints() : void	DragDrop
	Clears any constraints applied to this instance. Also clears ticks since they can't exist independent of a constrain...	DragDrop
	clearTicks() : void	DragDrop
	Clears any tick interval defined for this instance	DragDrop
	createFrame() : void	DDProxy
	Creates the proxy element if it does not yet exist	DDProxy
	endDrag( `Event e` ) : void	DragDrop
	Fired when we are done dragging the object	DragDrop
	getDragData( `EventObject e` ) : Object	DragZone
	Called when a mousedown occurs in this container. Looks in Ext.dd.Registry for a valid target to drag based on the m...	DragZone
	getDragEl() : HTMLElement	DragDrop
	Returns a reference to the actual element to drag. By default this is the same as the html element, but it can be as...	DragDrop
	getEl() : HTMLElement	DragDrop
	Returns a reference to the linked element	DragDrop
	getProxy() : Ext.dd.StatusProxy	DragSource
	Returns the drag source's underlying Ext.dd.StatusProxy	DragSource
	getRepairXY( `EventObject e` ) : Array	DragZone
	Called before a repair of an invalid drop to get the XY to animate to. By default returns the XY of this.dragData.ddel	DragZone
	hideProxy() : void	DragSource
	Hides the drag source's Ext.dd.StatusProxy	DragSource
	init( `id the`, `String sGroup`, `object config` ) : void	DragDrop
	Sets up the DragDrop object. Must be called in the constructor of any Ext.dd.DragDrop subclass	DragDrop
	initFrame() : void	DDProxy
	Initialization for the drag frame element. Must be called in the constructor of all subclasses	DDProxy
	initTarget( `id the`, `String sGroup`, `object config` ) : void	DragDrop
	Initializes Targeting functionality only... the object does not get a mousedown handler.	DragDrop
	isLocked() : boolean	DragDrop
	Returns true if this instance is locked, or the drag drop mgr is locked (meaning that all drag/drop is disabled on th...	DragDrop
	isTarget() : void	DragDrop
	By default, all insances can be a drop target. This can be disabled by setting isTarget to false.	DragDrop
	isValidHandleChild( `HTMLElement node` ) : boolean	DragDrop
	Checks the tag exclusion list to see if this click should be ignored	DragDrop
	lock() : void	DragDrop
	Lock this instance	DragDrop
	onAvailable() : void	DragDrop
	Override the onAvailable method to do what is needed after the initial position was determined.	DragDrop
	onBeforeDrag( `Object data`, `Event e` ) : Boolean	DragSource
	An empty function by default, but provided so that you can perform a custom action before the initial drag event begi...	DragSource
	onDrag( `Event e` ) : void	DragDrop
	Abstract method called during the onMouseMove event while dragging an object.	DragDrop
	onDragDrop( `Event e`, `String\|DragDrop[] id` ) : void	DragDrop
	Abstract method called when this item is dropped on another DragDrop obj	DragDrop
	onDragEnter( `Event e`, `String\|DragDrop[] id` ) : void	DragDrop
	Abstract method called when this element fist begins hovering over another DragDrop obj	DragDrop
	onDragOut( `Event e`, `String\|DragDrop[] id` ) : void	DragDrop
	Abstract method called when we are no longer hovering over an element	DragDrop
	onDragOver( `Event e`, `String\|DragDrop[] id` ) : void	DragDrop
	Abstract method called when this element is hovering over another DragDrop obj	DragDrop
	onInitDrag( `Number x`, `Number y` ) : Boolean	DragZone
	Called once drag threshold has been reached to initialize the proxy element. By default, it clones the this.dragData....	DragZone
	onInvalidDrop( `Event e` ) : void	DragDrop
	Abstract method called when this item is dropped on an area with no drop target	DragDrop
	onMouseDown( `Event e` ) : void	DragDrop
	Event handler that fires when a drag/drop obj gets a mousedown	DragDrop
	onMouseUp( `Event e` ) : void	DragDrop
	Event handler that fires when a drag/drop obj gets a mouseup	DragDrop
	padding() : void	DragDrop
	The padding configured for this drag and drop object for calculating the drop zone intersection with this object.	DragDrop
	removeFromGroup( `string sGroup` ) : void	DragDrop
	Remove's this instance from the supplied interaction group	DragDrop
	removeInvalidHandleClass( `string cssClass` ) : void	DragDrop
	Unsets an invalid css class	DragDrop
	removeInvalidHandleId( `string id` ) : void	DragDrop
	Unsets an invalid handle id	DragDrop
	removeInvalidHandleType( `string tagName` ) : void	DragDrop
	Unsets an excluded tag name set by addInvalidHandleType	DragDrop
	resetConstraints( `boolean maintainOffset` ) : void	DragDrop
	resetConstraints must be called if you manually reposition a dd element.	DragDrop
	setDelta( `int iDeltaX`, `int iDeltaY` ) : void	DD
	Sets the pointer offset. You can call this directly to force the offset to be in a particular location (e.g., pass i...	DD
	setDragElId( `id {string}` ) : void	DragDrop
	Allows you to specify that an element other than the linked element will be moved with the cursor during a drag	DragDrop
	setDragElPos( `int iPageX`, `int iPageY` ) : void	DD
	Sets the drag element to the location of the mousedown or click event, maintaining the cursor location relative to th...	DD
	setHandleElId( `id {string}` ) : void	DragDrop
	Allows you to specify a child of the linked element that should be used to initiate the drag operation. An example o...	DragDrop
	setInitialPosition( `int diffX`, `int diffY` ) : void	DragDrop
	Stores the initial placement of the linked element.	DragDrop
	setOuterHandleElId( `id the` ) : void	DragDrop
	Allows you to set an element outside of the linked element as a drag handle	DragDrop
	setPadding( `int iTop`, `int iRight`, `int iBot`, `int iLeft` ) : void	DragDrop
	Configures the padding for the target zone in px. Effectively expands (or reduces) the virtual object size for targe...	DragDrop
	setXConstraint( `int iLeft`, `int iRight`, `int iTickSize` ) : void	DragDrop
	By default, the element can be dragged any place on the screen. Use this method to limit the horizontal travel of th...	DragDrop
	setYConstraint( `int iUp`, `int iDown`, `int iTickSize` ) : void	DragDrop
	By default, the element can be dragged any place on the screen. Set this to limit the vertical travel of the element...	DragDrop
	startDrag( `int X`, `int Y` ) : void	DragDrop
	Abstract method called after a drag/drop object is clicked and the drag or mousedown time thresholds have beeen met.	DragDrop
	toString() : string	DragDrop
	toString method	DragDrop
	unlock() : void	DragDrop
	Unlock this instace	DragDrop
	unreg() : void	DragDrop
	Remove all drag and drop hooks for this element	DragDrop

Public Events

This class has no public events.

Config Options

Config Options		Defined By
	containerScroll : Boolean	DragZone
	True to register this container with the Scrollmanager for auto scrolling during drag operations.	DragZone
	dropAllowed : String	DragSource
	The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").	DragSource
	dropNotAllowed : String	DragSource
	The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").	DragSource
	hlColor : String	DragZone
	The color to use when visually highlighting the drag source in the afterRepair method after a failed drop (defaults t...	DragZone

Property Details

available

public boolean available

The availabe property is false until the linked dom element is accessible.

This property is defined by DragDrop.

centerFrame

public boolean centerFrame

By default the frame is positioned exactly where the drag element is, so we use the cursor offset provided by Ext.dd.DD. Another option that works only if you do not have constraints on the obj is to have the drag frame centered around the cursor. Set centerFrame to true for this effect.

This property is defined by DDProxy.

config

public object config

Configuration attributes passed into the constructor

This property is defined by DragDrop.

groups

public string: groups

The group defines a logical collection of DragDrop objects that are related. Instances only get events when interacting with other DragDrop object in the same group. This lets us define multiple groups using a single DragDrop subclass if we want.

This property is defined by DragDrop.

hasOuterHandles

public boolean hasOuterHandles

By default, drags can only be initiated if the mousedown occurs in the region the linked element is. This is done in part to work around a bug in some browsers that mis-report the mousedown if the previous mouseup happened outside of the window. This property is set to true if outer handles are defined.

This property is defined by DragDrop.

id

public String id

The id of the element associated with this object. This is what we refer to as the "linked element" because the size and position of this element is used to determine when the drag and drop objects have interacted.

This property is defined by DragDrop.

invalidHandleClasses

public string[] invalidHandleClasses

An indexted array of css class names for elements that will be ignored if clicked.

This property is defined by DragDrop.

invalidHandleIds

public string: invalidHandleIds

An associative array of ids for elements that will be ignored if clicked

This property is defined by DragDrop.

invalidHandleTypes

public string: invalidHandleTypes

An associative array of HTML tags that will be ignored if clicked.

This property is defined by DragDrop.

maintainOffset

public boolean maintainOffset

Maintain offsets when we resetconstraints. Set to true when you want the position of the element relative to its parent to stay the same when the page changes

This property is defined by DragDrop.

onStartDrag

public Object onStartDrag

An empty function by default, but provided so that you can perform a custom action once the initial drag event has begun. The drag cannot be canceled from this function.

This property is defined by DragSource.

primaryButtonOnly

public boolean primaryButtonOnly

By default the drag and drop instance will only respond to the primary button click (left button for a right-handed mouse). Set to true to allow drag and drop to start with any mouse click that is propogated by the browser

This property is defined by DragDrop.

resizeFrame

public boolean resizeFrame

By default we resize the drag frame to be the same size as the element we want to drag (this is to get the frame effect). We can turn it off if we want a different behavior.

This property is defined by DDProxy.

scroll

public boolean scroll

When set to true, the utility automatically tries to scroll the browser window wehn a drag and drop element is dragged near the viewport boundary. Defaults to true.

This property is defined by DD.

xTicks

public int[] xTicks

Array of pixel locations the element will snap to if we specified a horizontal graduation/interval. This array is generated automatically when you define a tick interval.

This property is defined by DragDrop.

yTicks

public int[] yTicks

Array of pixel locations the element will snap to if we specified a vertical graduation/interval. This array is generated automatically when you define a tick interval.

This property is defined by DragDrop.

Constructor Details

DragZone

public function DragZone( String/HTMLElement/Element el, Object config )

Parameters:

el : String/HTMLElement/Element
The container element
config : Object

Method Details

addInvalidHandleClass

public function addInvalidHandleClass( string cssClass )

Lets you specify a css class of elements that will not initiate a drag

Parameters:

cssClass : string
the class of the elements you wish to ignore

Returns:

void

This method is defined by DragDrop.

addInvalidHandleId

public function addInvalidHandleId( string id )

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

Parameters:

id : string
the element id of the element you wish to ignore

Returns:

void

This method is defined by DragDrop.

addInvalidHandleType

public function addInvalidHandleType( string tagName )

Allows you to specify a tag name that should not start a drag operation when clicked. This is designed to facilitate embedding links within a drag handle that do something other than start the drag.

Parameters:

tagName : string
the type of element to exclude

Returns:

void

This method is defined by DragDrop.

addToGroup

public function addToGroup( sGroup {string} )

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.

Parameters:

{string} : sGroup
the name of the group

Returns:

void

This method is defined by DragDrop.

afterDragDrop

public function afterDragDrop( Ext.dd.DragDrop target, Event e, String id )

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

Parameters:

target : Ext.dd.DragDrop
The drop target
e : Event
The event object
id : String
The id of the dropped element

Returns:

void

This method is defined by DragSource.

afterDragEnter

public function afterDragEnter( Ext.dd.DragDrop target, Event e, String id )

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.

Parameters:

target : Ext.dd.DragDrop
The drop target
e : Event
The event object
id : String
The id of the dragged element

Returns:

void

This method is defined by DragSource.

afterDragOut

public function afterDragOut( Ext.dd.DragDrop target, Event e, String id )

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

Parameters:

target : Ext.dd.DragDrop
The drop target
e : Event
The event object
id : String
The id of the dragged element

Returns:

void

This method is defined by DragSource.

afterDragOver

public function afterDragOver( Ext.dd.DragDrop target, Event e, String id )

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.

Parameters:

target : Ext.dd.DragDrop
The drop target
e : Event
The event object
id : String
The id of the dragged element

Returns:

void

This method is defined by DragSource.

afterInvalidDrop

public function afterInvalidDrop( Event e, String id )

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

Parameters:

e : Event
The event object
id : String
The id of the dropped element

Returns:

void

This method is defined by DragSource.

afterRepair

public function afterRepair()

Called after a repair of an invalid drop. By default, highlights this.dragData.ddel

Parameters:

None.

Returns:

void

This method is defined by DragZone.

alignElWithMouse

public function alignElWithMouse( HTMLElement el, int iPageX, int iPageY )

Sets the element to the location of the mousedown or click event, maintaining the cursor location relative to the location on the element that was clicked. Override this if you want to place the element in a location other than where the cursor is.

Parameters:

el : HTMLElement
the element to move
iPageX : int
the X coordinate of the mousedown or drag event
iPageY : int
the Y coordinate of the mousedown or drag event

Returns:

void

This method is defined by DD.

applyConfig

public function applyConfig()

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.

Parameters:

None.

Returns:

void

This method is defined by DragDrop.

autoOffset

public function autoOffset( int iPageX, int iPageY )

Sets the pointer offset to the distance between the linked element's top left corner and the location the element was clicked

Parameters:

iPageX : int
the X coordinate of the click
iPageY : int
the Y coordinate of the click

Returns:

void

This method is defined by DD.

beforeDragDrop

public function beforeDragDrop( Ext.dd.DragDrop target, Event e, String id )

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.

Parameters:

target : Ext.dd.DragDrop
The drop target
e : Event
The event object
id : String
The id of the dragged element

Returns:

Boolean
isValid True if the drag drop event is valid, else false to cancel

This method is defined by DragSource.

beforeDragEnter

public function beforeDragEnter( Ext.dd.DragDrop target, Event e, String id )

An empty function by default, but provided so that you can perform a custom action before the dragged item enters the drop target and optionally cancel the onDragEnter.

Parameters:

target : Ext.dd.DragDrop
The drop target
e : Event
The event object
id : String
The id of the dragged element

Returns:

Boolean
isValid True if the drag event is valid, else false to cancel

This method is defined by DragSource.

beforeDragOut

public function beforeDragOut( Ext.dd.DragDrop target, Event e, String id )

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.

Parameters:

target : Ext.dd.DragDrop
The drop target
e : Event
The event object
id : String
The id of the dragged element

Returns:

Boolean
isValid True if the drag event is valid, else false to cancel

This method is defined by DragSource.

beforeDragOver

public function beforeDragOver( Ext.dd.DragDrop target, Event e, String id )

An empty function by default, but provided so that you can perform a custom action while the dragged item is over the drop target and optionally cancel the onDragOver.

Parameters:

target : Ext.dd.DragDrop
The drop target
e : Event
The event object
id : String
The id of the dragged element

Returns:

Boolean
isValid True if the drag event is valid, else false to cancel

This method is defined by DragSource.

beforeInvalidDrop

public function beforeInvalidDrop( Ext.dd.DragDrop target, Event e, String id )

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

Parameters:

target : Ext.dd.DragDrop
The drop target
e : Event
The event object
id : String
The id of the dragged element

Returns:

Boolean
isValid True if the invalid drop should proceed, else false to cancel

This method is defined by DragSource.

cachePosition

public function cachePosition( iPageX the, iPageY the )

Saves the most recent position so that we can reset the constraints and tick marks on-demand. We need to know this so that we can calculate the number of pixels the element is offset from its original position.

Parameters:

the : iPageX
current x position (optional, this just makes it so we don't have to look it up again)
the : iPageY
current y position (optional, this just makes it so we don't have to look it up again)

Returns:

void

This method is defined by DD.

clearConstraints

public function clearConstraints()

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

Parameters:

None.

Returns:

void

This method is defined by DragDrop.

clearTicks

public function clearTicks()

Clears any tick interval defined for this instance

Parameters:

None.

Returns:

void

This method is defined by DragDrop.

createFrame

public function createFrame()

Creates the proxy element if it does not yet exist

Parameters:

None.

Returns:

void

This method is defined by DDProxy.

endDrag

public function endDrag( Event e )

Fired when we are done dragging the object

Parameters:

e : Event
the mouseup event

Returns:

void

This method is defined by DragDrop.

getDragData

public function getDragData( EventObject e )

Called when a mousedown occurs in this container. Looks in Ext.dd.Registry for a valid target to drag based on the mouse down. Override this method to provide your own lookup logic (e.g. finding a child by class name). Make sure your returned object has a "ddel" attribute (with an HTML Element) for other functions to work.

Parameters:

e : EventObject
The mouse down event

Returns:

Object
The dragData

This method is defined by DragZone.

getDragEl

public function getDragEl()

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

Parameters:

None.

Returns:

HTMLElement
the html element

This method is defined by DragDrop.

getEl

public function getEl()

Returns a reference to the linked element

Parameters:

None.

Returns:

HTMLElement
the html element

This method is defined by DragDrop.

getProxy

public function getProxy()

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

Parameters:

None.

Returns:

Ext.dd.StatusProxy
proxy The StatusProxy

This method is defined by DragSource.

getRepairXY

public function getRepairXY( EventObject e )

Called before a repair of an invalid drop to get the XY to animate to. By default returns the XY of this.dragData.ddel

Parameters:

e : EventObject
The mouse up event

Returns:

Array
The xy location (e.g. [100, 200])

This method is defined by DragZone.

hideProxy

public function hideProxy()

Hides the drag source's Ext.dd.StatusProxy

Parameters:

None.

Returns:

void

This method is defined by DragSource.

init

public function init( id the, String sGroup, object config )

Sets up the DragDrop object. Must be called in the constructor of any Ext.dd.DragDrop subclass

Parameters:

the : id
id of the linked element
sGroup : String
the group of related items
config : object
configuration attributes

Returns:

void

This method is defined by DragDrop.

initFrame

public function initFrame()

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

Parameters:

None.

Returns:

void

This method is defined by DDProxy.

initTarget

public function initTarget( id the, String sGroup, object config )

Initializes Targeting functionality only... the object does not get a mousedown handler.

Parameters:

the : id
id of the linked element
sGroup : String
the group of related items
config : object
configuration attributes

Returns:

void

This method is defined by DragDrop.

isLocked

public function isLocked()

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

Parameters:

None.

Returns:

boolean
true if this obj or all drag/drop is locked, else false

This method is defined by DragDrop.

isTarget

public function isTarget()

By default, all insances can be a drop target. This can be disabled by setting isTarget to false.

Parameters:

None.

Returns:

void

This method is defined by DragDrop.

isValidHandleChild

public function isValidHandleChild( HTMLElement node )

Checks the tag exclusion list to see if this click should be ignored

Parameters:

node : HTMLElement
the HTMLElement to evaluate

Returns:

boolean
true if this is a valid tag type, false if not

This method is defined by DragDrop.

lock

public function lock()

Lock this instance

Parameters:

None.

Returns:

void

This method is defined by DragDrop.

onAvailable

public function onAvailable()

Override the onAvailable method to do what is needed after the initial position was determined.

Parameters:

None.

Returns:

void

This method is defined by DragDrop.

onBeforeDrag

public function onBeforeDrag( Object data, Event e )

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.

Parameters:

data : Object
An object containing arbitrary data to be shared with drop targets
e : Event
The event object

Returns:

Boolean
isValid True if the drag event is valid, else false to cancel

This method is defined by DragSource.

onDrag

public function onDrag( Event e )

Abstract method called during the onMouseMove event while dragging an object.

Parameters:

e : Event
the mousemove event

Returns:

void

This method is defined by DragDrop.

onDragDrop

public function onDragDrop( Event e, String|DragDrop[] id )

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

Parameters:

e : Event
the mouseup event
id : String|DragDrop[]
In POINT mode, the element id this was dropped on. In INTERSECT mode, an array of dd items this was dropped on.

Returns:

void

This method is defined by DragDrop.

onDragEnter

public function onDragEnter( Event e, String|DragDrop[] id )

Abstract method called when this element fist begins hovering over another DragDrop obj

Parameters:

e : Event
the mousemove event
id : String|DragDrop[]
In POINT mode, the element id this is hovering over. In INTERSECT mode, an array of one or more dragdrop items being hovered over.

Returns:

void

This method is defined by DragDrop.

onDragOut

public function onDragOut( Event e, String|DragDrop[] id )

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

Parameters:

e : Event
the mousemove event
id : String|DragDrop[]
In POINT mode, the element id this was hovering over. In INTERSECT mode, an array of dd items that the mouse is no longer over.

Returns:

void

This method is defined by DragDrop.

onDragOver

public function onDragOver( Event e, String|DragDrop[] id )

Abstract method called when this element is hovering over another DragDrop obj

Parameters:

e : Event
the mousemove event
id : String|DragDrop[]
In POINT mode, the element id this is hovering over. In INTERSECT mode, an array of dd items being hovered over.

Returns:

void

This method is defined by DragDrop.

onInitDrag

public function onInitDrag( Number x, Number y )

Called once drag threshold has been reached to initialize the proxy element. By default, it clones the this.dragData.ddel

Parameters:

x : Number
The x position of the click on the dragged object
y : Number
The y position of the click on the dragged object

Returns:

Boolean
true to continue the drag, false to cancel

This method is defined by DragZone.

onInvalidDrop

public function onInvalidDrop( Event e )

Abstract method called when this item is dropped on an area with no drop target

Parameters:

e : Event
the mouseup event

Returns:

void

This method is defined by DragDrop.

onMouseDown

public function onMouseDown( Event e )

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

Parameters:

e : Event
the mousedown event

Returns:

void

This method is defined by DragDrop.

onMouseUp

public function onMouseUp( Event e )

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

Parameters:

e : Event
the mouseup event

Returns:

void

This method is defined by DragDrop.

padding

public function padding()

The padding configured for this drag and drop object for calculating the drop zone intersection with this object.

Parameters:

None.

Returns:

void

This method is defined by DragDrop.

removeFromGroup

public function removeFromGroup( string sGroup )

Remove's this instance from the supplied interaction group

Parameters:

sGroup : string
The group to drop

Returns:

void

This method is defined by DragDrop.

removeInvalidHandleClass

public function removeInvalidHandleClass( string cssClass )

Unsets an invalid css class

Parameters:

cssClass : string
the class of the element(s) you wish to re-enable

Returns:

void

This method is defined by DragDrop.

removeInvalidHandleId

public function removeInvalidHandleId( string id )

Unsets an invalid handle id

Parameters:

id : string
the id of the element to re-enable

Returns:

void

This method is defined by DragDrop.

removeInvalidHandleType

public function removeInvalidHandleType( string tagName )

Unsets an excluded tag name set by addInvalidHandleType

Parameters:

tagName : string
the type of element to unexclude

Returns:

void

This method is defined by DragDrop.

resetConstraints

public function resetConstraints( boolean maintainOffset )

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

Parameters:

maintainOffset : boolean

Returns:

void

This method is defined by DragDrop.

setDelta

public function setDelta( int iDeltaX, int iDeltaY )

Sets the pointer offset. You can call this directly to force the offset to be in a particular location (e.g., pass in 0,0 to set it to the center of the object)

Parameters:

iDeltaX : int
the distance from the left
iDeltaY : int
the distance from the top

Returns:

void

This method is defined by DD.

setDragElId

public function setDragElId( id {string} )

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

Parameters:

{string} : id
the id of the element that will be used to initiate the drag

Returns:

void

This method is defined by DragDrop.

setDragElPos

public function setDragElPos( int iPageX, int iPageY )

Sets the drag element to the location of the mousedown or click event, maintaining the cursor location relative to the location on the element that was clicked. Override this if you want to place the element in a location other than where the cursor is.

Parameters:

iPageX : int
the X coordinate of the mousedown or drag event
iPageY : int
the Y coordinate of the mousedown or drag event

Returns:

void

This method is defined by DD.

setHandleElId

public function setHandleElId( id {string} )

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.

Parameters:

{string} : id
the id of the element that will be used to initiate the drag.

Returns:

void

This method is defined by DragDrop.

setInitialPosition

public function setInitialPosition( int diffX, int diffY )

Stores the initial placement of the linked element.

Parameters:

diffX : int
the X offset, default 0
diffY : int
the Y offset, default 0

Returns:

void

This method is defined by DragDrop.

setOuterHandleElId

public function setOuterHandleElId( id the )

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

Parameters:

the : id
id of the element that will be used to initiate the drag

Returns:

void

This method is defined by DragDrop.

setPadding

public function setPadding( int iTop, int iRight, int iBot, int iLeft )

Configures the padding for the target zone in px. Effectively expands (or reduces) the virtual object size for targeting calculations. Supports css-style shorthand; if only one parameter is passed, all sides will have that padding, and if only two are passed, the top and bottom will have the first param, the left and right the second.

Parameters:

iTop : int
Top pad
iRight : int
Right pad
iBot : int
Bot pad
iLeft : int
Left pad

Returns:

void

This method is defined by DragDrop.

setXConstraint

public function setXConstraint( int iLeft, int iRight, int iTickSize )

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.

Parameters:

iLeft : int
the number of pixels the element can move to the left
iRight : int
the number of pixels the element can move to the right
iTickSize : int
optional parameter for specifying that the element should move iTickSize pixels at a time.

Returns:

void

This method is defined by DragDrop.

setYConstraint

public function setYConstraint( int iUp, int iDown, int iTickSize )

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

Parameters:

iUp : int
the number of pixels the element can move up
iDown : int
the number of pixels the element can move down
iTickSize : int
optional parameter for specifying that the element should move iTickSize pixels at a time.

Returns:

void

This method is defined by DragDrop.

startDrag

public function startDrag( int X, int Y )

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

Parameters:

X : int
click location
Y : int
click location

Returns:

void

This method is defined by DragDrop.

toString

public function toString()

toString method

Parameters:

None.

Returns:

string
string representation of the dd obj

This method is defined by DragDrop.

unlock

public function unlock()

Unlock this instace

Parameters:

None.

Returns:

void

This method is defined by DragDrop.

unreg

public function unreg()

Remove all drag and drop hooks for this element

Parameters:

None.

Returns:

void

This method is defined by DragDrop.

Config Details

containerScroll

containerScroll : Boolean

True to register this container with the Scrollmanager for auto scrolling during drag operations.

This config option is defined by DragZone.

dropAllowed

dropAllowed : String

The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").

This config option is defined by DragSource.

dropNotAllowed

dropNotAllowed : String

The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").

This config option is defined by DragSource.

hlColor

hlColor : String

The color to use when visually highlighting the drag source in the afterRepair method after a failed drop (defaults to "c3daf9" - light blue)

This config option is defined by DragZone.