Properties Methods Events Config Options Direct Link
Reorderer
  ToolbarReorderer

Class Ext.ux.ToolbarReorderer

Package:Ext.ux
Defined In:ToolbarReorderer.js
Class:ToolbarReorderer
Extends:Reorderer
Plugin which can be attached to any Ext.Toolbar instance. Provides ability to reorder toolbar items with drag and drop. Example:
new Ext.Toolbar({
plugins: [
new Ext.ux.ToolbarReorderer({
defaultReorderable: true
})
],
items: [
{text: 'Button 1', reorderable: false},
{text: 'Button 2'},
{text: 'Button 3'}
]
});
In the example above, buttons 2 and 3 will be reorderable via drag and drop. An event named 'reordered' is added to the Toolbar, and is fired whenever a reorder has been completed.

Config Options

Config OptionsDefined By
  : animate
Reorderer
  : animationDuration
Reorderer
  : defaultReorderable
Reorderer

Public Properties

PropertyDefined 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

Public Methods

MethodDefined By

Public Events

EventDefined By