Package: | Ext.ux |
Defined In: | Reorderer.js |
Class: | Reorderer |
Subclasses: | HBoxReorderer, ToolbarReorderer |
Extends: | Object |
Config Options | Defined By | |
---|---|---|
: animate | Reorderer | |
: animationDuration | Reorderer | |
: defaultReorderable | Reorderer |
Property | Defined By | |
---|---|---|
defaults : Object Object containing default values for plugin configuration details. These can be overridden when constructing the plugin | Reorderer | |
target : Ext.Component Reference to the target component which contains the reorderable items | Reorderer |
Method | Defined By | |
---|---|---|
constructor( Object config )
:
voidCreates the plugin instance, applies defaults Creates the plugin instance, applies defaults Parameters:
| Reorderer | |
createItemDD( Mixed button )
:
voidSets up the given Toolbar item as a draggable Sets up the given Toolbar item as a draggable Parameters:
| Reorderer | |
doReorder( Object mappings )
:
voidAbstract function to perform the actual reordering. This MUST be overridden in a subclass Abstract function to perform the actual reordering. This MUST be overridden in a subclass Parameters:
| Reorderer | |
endDrag()
:
void After the drag has been completed, make sure the button being dragged makes it back to
the correct location and reset... After the drag has been completed, make sure the button being dragged makes it back to
the correct location and resets its z index Parameters:
| Reorderer | |
getItems()
:
Array Returns an array of items which will be made draggable. This defaults to the contents of this.target.items,
but can b... Returns an array of items which will be made draggable. This defaults to the contents of this.target.items,
but can be overridden - e.g. for TabPanels Parameters:
| Reorderer | |
init( Mixed target )
:
voidInitializes the plugin, stores a reference to the target Initializes the plugin, stores a reference to the target Parameters:
| Reorderer | |
initEvents()
:
void Adds before-reorder and reorder events to the target component Adds before-reorder and reorder events to the target component Parameters:
| Reorderer | |
reorder( Object mappings )
:
voidReorders the items in the target component according to the given mapping object. Example:
this.reorder({
1: 5,
3: 2
... Reorders the items in the target component according to the given mapping object. Example:
this.reorder({
1: 5,
3: 2
});
Would move the item at index 1 to index 5, and the item at index 3 to index 2 Parameters:
| Reorderer |
Event | Defined By | |
---|---|---|
before-reorder :
( Object mappings , Mixed component , Ext.ux.TabReorderer this )
Fires before a reorder occurs. Return false to cancel Fires before a reorder occurs. Return false to cancel Listeners will be called with the following arguments:
| Reorderer | |
reorder :
( Object mappings , Mixed component , Ext.ux.TabReorderer this )
Fires after a reorder has occured. Fires after a reorder has occured. Listeners will be called with the following arguments:
| Reorderer |