Ext.data.JsonP.Ext_tree_plugin_TreeViewDragDrop({"mixins":[],"code_type":"ext_define","inheritable":false,"component":false,"meta":{},"mixedInto":[],"uses":["Ext.tree.ViewDragZone","Ext.tree.ViewDropZone"],"aliases":{"plugin":["treeviewdragdrop"]},"parentMixins":[],"superclasses":["Ext.Base","Ext.AbstractPlugin"],"members":{"event":[{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"event","name":"beforedrop","id":"event-beforedrop"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"event","name":"drop","id":"event-drop"}],"property":[{"meta":{"private":true},"owner":"Ext.Base","tagname":"property","name":"$className","id":"property-S-className"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"property","name":"configMap","id":"property-configMap"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"property","name":"initConfigList","id":"property-initConfigList"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"property","name":"initConfigMap","id":"property-initConfigMap"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"property","name":"isInstance","id":"property-isInstance"},{"meta":{"protected":true},"owner":"Ext.Base","tagname":"property","name":"self","id":"property-self"}],"css_var":[],"method":[{"meta":{"deprecated":{"text":"as of 4.1. Use {@link #callParent} instead."},"protected":true},"owner":"Ext.Base","tagname":"method","name":"callOverridden","id":"method-callOverridden"},{"meta":{"protected":true},"owner":"Ext.Base","tagname":"method","name":"callParent","id":"method-callParent"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"method","name":"configClass","id":"method-configClass"},{"meta":{"private":true},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"method","name":"destroy","id":"method-destroy"},{"meta":{},"owner":"Ext.AbstractPlugin","tagname":"method","name":"disable","id":"method-disable"},{"meta":{},"owner":"Ext.AbstractPlugin","tagname":"method","name":"enable","id":"method-enable"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"method","name":"getConfig","id":"method-getConfig"},{"meta":{},"owner":"Ext.Base","tagname":"method","name":"getInitialConfig","id":"method-getInitialConfig"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"method","name":"hasConfig","id":"method-hasConfig"},{"meta":{},"owner":"Ext.AbstractPlugin","tagname":"method","name":"init","id":"method-init"},{"meta":{"protected":true},"owner":"Ext.Base","tagname":"method","name":"initConfig","id":"method-initConfig"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"method","name":"onConfigUpdate","id":"method-onConfigUpdate"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"method","name":"setConfig","id":"method-setConfig"},{"meta":{"protected":true},"owner":"Ext.Base","tagname":"method","name":"statics","id":"method-statics"}],"css_mixin":[],"cfg":[{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"allowContainerDrops","id":"cfg-allowContainerDrops"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"allowParentInserts","id":"cfg-allowParentInserts"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"appendOnly","id":"cfg-appendOnly"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"ddGroup","id":"cfg-ddGroup"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"dragGroup","id":"cfg-dragGroup"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"dragText","id":"cfg-dragText"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"dropGroup","id":"cfg-dropGroup"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"enableDrag","id":"cfg-enableDrag"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"enableDrop","id":"cfg-enableDrop"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"expandDelay","id":"cfg-expandDelay"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"nodeHighlightColor","id":"cfg-nodeHighlightColor"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"nodeHighlightOnDrop","id":"cfg-nodeHighlightOnDrop"},{"meta":{},"owner":"Ext.tree.plugin.TreeViewDragDrop","tagname":"cfg","name":"nodeHighlightOnRepair","id":"cfg-nodeHighlightOnRepair"},{"meta":{},"owner":"Ext.AbstractPlugin","tagname":"cfg","name":"pluginId","id":"cfg-pluginId"}]},"tagname":"class","extends":"Ext.AbstractPlugin","html":"
Hierarchy
Ext.Base
Ext.AbstractPlugin
Ext.tree.plugin.TreeViewDragDrop
Uses
Ext.tree.ViewDragZone
Ext.tree.ViewDropZone
Files
TreeViewDragDrop.js

This plugin provides drag and/or drop functionality for a TreeView.

\n\n

It creates a specialized instance of DragZone which knows how to drag out of a\nTreeView and loads the data object which is passed to a cooperating\nDragZone's methods with the following properties:

\n\n\n\n\n

It also creates a specialized instance of Ext.dd.DropZone which cooperates with other DropZones which are\nmembers of the same ddGroup which processes such data objects.

\n\n

Adding this plugin to a view means that two new events may be fired from the client TreeView, beforedrop and\ndrop.

\n\n

Note that the plugin must be added to the tree view, not to the tree panel. For example using viewConfig:

\n\n
viewConfig: {\n    plugins: { ptype: 'treeviewdragdrop' }\n}\n
\n
Defined By

Config options

Ext.tree.plugin.TreeViewDragDrop
view source
: Boolean
True if drops on the tree container (outside of a specific tree node) are allowed. ...

True if drops on the tree container (outside of a specific tree node) are allowed.

\n

Defaults to: false

Ext.tree.plugin.TreeViewDragDrop
view source
: Boolean
Allow inserting a dragged node between an expanded parent node and its first child that will become a sibling of\nthe ...

Allow inserting a dragged node between an expanded parent node and its first child that will become a sibling of\nthe parent when dropped.

\n

Defaults to: false

Ext.tree.plugin.TreeViewDragDrop
view source
: Boolean
True if the tree should only allow append drops (use for trees which are sorted). ...

True if the tree should only allow append drops (use for trees which are sorted).

\n

Defaults to: false

Ext.tree.plugin.TreeViewDragDrop
view source
: String
A named drag drop group to which this object belongs. ...

A named drag drop group to which this object belongs. If a group is specified, then both the DragZones and\nDropZone used by this plugin will only interact with other drag drop objects in the same group.

\n

Defaults to: "TreeDD"

Ext.tree.plugin.TreeViewDragDrop
view source
: String
The ddGroup to which the DragZone will belong. ...

The ddGroup to which the DragZone will belong.

\n\n

This defines which other DropZones the DragZone will interact with. Drag/DropZones only interact with other\nDrag/DropZones which are members of the same ddGroup.

\n
Ext.tree.plugin.TreeViewDragDrop
view source
: String
The text to show while dragging. ...

The text to show while dragging.

\n\n

Two placeholders can be used in the text:

\n\n
    \n
  • {0} The number of selected items.
    • \n
  • {1} 's' when more than 1 items (only useful for English).
    • \n
\n\n

Defaults to: "{0} selected node{1}"

Ext.tree.plugin.TreeViewDragDrop
view source
: String
The ddGroup to which the DropZone will belong. ...

The ddGroup to which the DropZone will belong.

\n\n

This defines which other DragZones the DropZone will interact with. Drag/DropZones only interact with other\nDrag/DropZones which are members of the same ddGroup.

\n
Ext.tree.plugin.TreeViewDragDrop
view source
: Boolean
Set to false to disallow dragging items from the View. ...

Set to false to disallow dragging items from the View.

\n

Defaults to: true

Ext.tree.plugin.TreeViewDragDrop
view source
: Boolean
Set to false to disallow the View from accepting drop gestures. ...

Set to false to disallow the View from accepting drop gestures.

\n

Defaults to: true

Ext.tree.plugin.TreeViewDragDrop
view source
: String
The delay in milliseconds to wait before expanding a target tree node while dragging a droppable node over the\ntarget. ...

The delay in milliseconds to wait before expanding a target tree node while dragging a droppable node over the\ntarget.

\n

Defaults to: 1000

Ext.tree.plugin.TreeViewDragDrop
view source
: String
The color to use when visually highlighting the dragged or dropped node (default value is light blue). ...

The color to use when visually highlighting the dragged or dropped node (default value is light blue).\nThe color must be a 6 digit hex value, without a preceding '#'. See also nodeHighlightOnDrop and\nnodeHighlightOnRepair.

\n

Defaults to: "c3daf9"

Ext.tree.plugin.TreeViewDragDrop
view source
: Boolean
Whether or not to highlight any nodes after they are\nsuccessfully dropped on their target. ...

Whether or not to highlight any nodes after they are\nsuccessfully dropped on their target. Defaults to the value of Ext.enableFx.\nSee also nodeHighlightColor and nodeHighlightOnRepair.

\n
Ext.tree.plugin.TreeViewDragDrop
view source
: Boolean
Whether or not to highlight any nodes after they are\nrepaired from an unsuccessful drag/drop. ...

Whether or not to highlight any nodes after they are\nrepaired from an unsuccessful drag/drop. Defaults to the value of Ext.enableFx.\nSee also nodeHighlightColor and nodeHighlightOnDrop.

\n
Ext.AbstractPlugin
view source
: String
A name for the plugin that can be set at creation time to then retrieve the plugin\nthrough getPlugin method. ...

A name for the plugin that can be set at creation time to then retrieve the plugin\nthrough getPlugin method. For example:

\n\n
var grid = Ext.create('Ext.grid.Panel', {\n    plugins: [{\n        ptype: 'cellediting',\n        clicksToEdit: 2,\n        pluginId: 'cellplugin'\n    }]\n});\n\n// later on:\nvar plugin = grid.getPlugin('cellplugin');\n
\n

Properties

Defined By

Instance Properties

Ext.Base
view source
: Stringprivate
...
\n

Defaults to: "Ext.Base"

Ext.Base
view source
: Objectprivate
...
\n

Defaults to: {}

Ext.Base
view source
: Arrayprivate
...
\n

Defaults to: []

Ext.Base
view source
: Objectprivate
...
\n

Defaults to: {}

Ext.Base
view source
: Booleanprivate
...
\n

Defaults to: true

Ext.Base
view source
: Ext.Classprotected
Get the reference to the current class from which this object was instantiated. ...

Get the reference to the current class from which this object was instantiated. Unlike statics,\nthis.self is scope-dependent and it's meant to be used for dynamic inheritance. See statics\nfor a detailed comparison

\n\n
Ext.define('My.Cat', {\n    statics: {\n        speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n    },\n\n    constructor: function() {\n        alert(this.self.speciesName); // dependent on 'this'\n    },\n\n    clone: function() {\n        return new this.self();\n    }\n});\n\n\nExt.define('My.SnowLeopard', {\n    extend: 'My.Cat',\n    statics: {\n        speciesName: 'Snow Leopard'         // My.SnowLeopard.speciesName = 'Snow Leopard'\n    }\n});\n\nvar cat = new My.Cat();                     // alerts 'Cat'\nvar snowLeopard = new My.SnowLeopard();     // alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone));             // alerts 'My.SnowLeopard'\n
\n
Defined By

Static Properties

Ext.Base
view source
: Arrayprivatestatic
...
\n

Defaults to: []

Methods

Defined By

Instance Methods

Ext.Base
view source
( Array/Arguments args ) : Objectdeprecatedprotected
Call the original method that was previously overridden with override\n\nExt.define('My.Cat', {\n constructor: functi...

Call the original method that was previously overridden with override

\n\n
Ext.define('My.Cat', {\n    constructor: function() {\n        alert(\"I'm a cat!\");\n    }\n});\n\nMy.Cat.override({\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        this.callOverridden();\n\n        alert(\"Meeeeoooowwww\");\n    }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n                          // alerts \"I'm a cat!\"\n                          // alerts \"Meeeeoooowwww\"\n
\n
\n

This method has been deprecated

\n

as of 4.1. Use callParent instead.

\n\n
\n

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object\nfrom the current method, for example: this.callOverridden(arguments)

    \n

Returns

  • Object

    Returns the result of calling the overridden method

    \n
Ext.Base
view source
( Array/Arguments args ) : Objectprotected
Call the \"parent\" method of the current method. ...

Call the \"parent\" method of the current method. That is the method previously\noverridden by derivation or by an override (see Ext.define).

\n\n
 Ext.define('My.Base', {\n     constructor: function (x) {\n         this.x = x;\n     },\n\n     statics: {\n         method: function (x) {\n             return x;\n         }\n     }\n });\n\n Ext.define('My.Derived', {\n     extend: 'My.Base',\n\n     constructor: function () {\n         this.callParent([21]);\n     }\n });\n\n var obj = new My.Derived();\n\n alert(obj.x);  // alerts 21\n
\n\n

This can be used with an override as follows:

\n\n
 Ext.define('My.DerivedOverride', {\n     override: 'My.Derived',\n\n     constructor: function (x) {\n         this.callParent([x*2]); // calls original My.Derived constructor\n     }\n });\n\n var obj = new My.Derived();\n\n alert(obj.x);  // now alerts 42\n
\n\n

This also works with static methods.

\n\n
 Ext.define('My.Derived2', {\n     extend: 'My.Base',\n\n     statics: {\n         method: function (x) {\n             return this.callParent([x*2]); // calls My.Base.method\n         }\n     }\n });\n\n alert(My.Base.method(10);     // alerts 10\n alert(My.Derived2.method(10); // alerts 20\n
\n\n

Lastly, it also works with overridden static methods.

\n\n
 Ext.define('My.Derived2Override', {\n     override: 'My.Derived2',\n\n     statics: {\n         method: function (x) {\n             return this.callParent([x*2]); // calls My.Derived2.method\n         }\n     }\n });\n\n alert(My.Derived2.method(10); // now alerts 40\n
\n

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object\nfrom the current method, for example: this.callParent(arguments)

    \n

Returns

  • Object

    Returns the result of calling the parent method

    \n
Ext.Base
view source
( )private
...
\n
Ext.tree.plugin.TreeViewDragDrop
view source
( )private
AbstractComponent calls destroy on all its plugins at destroy time. ...

AbstractComponent calls destroy on all its plugins at destroy time.

\n

Overrides: Ext.AbstractPlugin.destroy

Ext.AbstractPlugin
view source
( )
The base implementation just sets the plugin's disabled flag to true\n\nPlugin subclasses which need more complex proce...

The base implementation just sets the plugin's disabled flag to true

\n\n

Plugin subclasses which need more complex processing may implement an overriding implementation.

\n
Ext.AbstractPlugin
view source
( )
The base implementation just sets the plugin's disabled flag to false\n\nPlugin subclasses which need more complex proc...

The base implementation just sets the plugin's disabled flag to false

\n\n

Plugin subclasses which need more complex processing may implement an overriding implementation.

\n
Ext.Base
view source
( Object name )private
...
\n

Parameters

Ext.Base
view source
( [String name] ) : Object/Mixed
Returns the initial configuration passed to constructor when instantiating\nthis class. ...

Returns the initial configuration passed to constructor when instantiating\nthis class.

\n

Parameters

  • name : String (optional)

    Name of the config option to return.

    \n

Returns

  • Object/Mixed

    The full config object or a single config value\nwhen name parameter specified.

    \n
Ext.Base
view source
( Object config )private
...
\n

Parameters

Ext.AbstractPlugin
view source
( Ext.Component client )
The init method is invoked after initComponent method has been run for the client Component. ...

The init method is invoked after initComponent method has been run for the client Component.

\n\n

The supplied implementation is empty. Subclasses should perform plugin initialization, and set up bidirectional\nlinks between the plugin and its client Component in their own implementation of this method.

\n

Parameters

  • client : Ext.Component

    The client Component which owns this plugin.

    \n
Ext.Base
view source
( Object config ) : Ext.Baseprotected
Initialize configuration for this class. ...

Initialize configuration for this class. a typical example:

\n\n
Ext.define('My.awesome.Class', {\n    // The default config\n    config: {\n        name: 'Awesome',\n        isAwesome: true\n    },\n\n    constructor: function(config) {\n        this.initConfig(config);\n    }\n});\n\nvar awesome = new My.awesome.Class({\n    name: 'Super Awesome'\n});\n\nalert(awesome.getName()); // 'Super Awesome'\n
\n

Parameters

Returns

Ext.Base
view source
( Object names, Object callback, Object scope )private
...
\n

Parameters

Ext.Base
view source
( Object config, Object applyIfNotSet )private
...
\n

Parameters

Ext.Base
view source
( ) : Ext.Classprotected
Get the reference to the class from which this object was instantiated. ...

Get the reference to the class from which this object was instantiated. Note that unlike self,\nthis.statics() is scope-independent and it always returns the class from which it was called, regardless of what\nthis points to during run-time

\n\n
Ext.define('My.Cat', {\n    statics: {\n        totalCreated: 0,\n        speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n    },\n\n    constructor: function() {\n        var statics = this.statics();\n\n        alert(statics.speciesName);     // always equals to 'Cat' no matter what 'this' refers to\n                                        // equivalent to: My.Cat.speciesName\n\n        alert(this.self.speciesName);   // dependent on 'this'\n\n        statics.totalCreated++;\n    },\n\n    clone: function() {\n        var cloned = new this.self;                      // dependent on 'this'\n\n        cloned.groupName = this.statics().speciesName;   // equivalent to: My.Cat.speciesName\n\n        return cloned;\n    }\n});\n\n\nExt.define('My.SnowLeopard', {\n    extend: 'My.Cat',\n\n    statics: {\n        speciesName: 'Snow Leopard'     // My.SnowLeopard.speciesName = 'Snow Leopard'\n    },\n\n    constructor: function() {\n        this.callParent();\n    }\n});\n\nvar cat = new My.Cat();                 // alerts 'Cat', then alerts 'Cat'\n\nvar snowLeopard = new My.SnowLeopard(); // alerts 'Cat', then alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone));         // alerts 'My.SnowLeopard'\nalert(clone.groupName);                 // alerts 'Cat'\n\nalert(My.Cat.totalCreated);             // alerts 3\n
\n

Returns

Defined By

Static Methods

Ext.Base
view source
( Object config )privatestatic
...
\n

Parameters

Ext.Base
view source
( Object members )privatestatic
...
\n

Parameters

Ext.Base
view source
( Object name, Object member )privatestatic
...
\n

Parameters

Ext.Base
view source
( Object members )static
Add methods / properties to the prototype of this class. ...

Add methods / properties to the prototype of this class.

\n\n
Ext.define('My.awesome.Cat', {\n    constructor: function() {\n        ...\n    }\n});\n\n My.awesome.Cat.addMembers({\n     meow: function() {\n        alert('Meowww...');\n     }\n });\n\n var kitty = new My.awesome.Cat;\n kitty.meow();\n
\n

Parameters

Ext.Base
view source
( Object members ) : Ext.Basestatic
Add / override static properties of this class. ...

Add / override static properties of this class.

\n\n
Ext.define('My.cool.Class', {\n    ...\n});\n\nMy.cool.Class.addStatics({\n    someProperty: 'someValue',      // My.cool.Class.someProperty = 'someValue'\n    method1: function() { ... },    // My.cool.Class.method1 = function() { ... };\n    method2: function() { ... }     // My.cool.Class.method2 = function() { ... };\n});\n
\n

Parameters

Returns

Ext.Base
view source
( Object xtype )privatestatic
...
\n

Parameters

Ext.Base
view source
( Ext.Base fromClass, Array/String members ) : Ext.Baseprivatestatic
Borrow another class' members to the prototype of this class. ...

Borrow another class' members to the prototype of this class.

\n\n
Ext.define('Bank', {\n    money: '$$$',\n    printMoney: function() {\n        alert('$$$$$$$');\n    }\n});\n\nExt.define('Thief', {\n    ...\n});\n\nThief.borrow(Bank, ['money', 'printMoney']);\n\nvar steve = new Thief();\n\nalert(steve.money); // alerts '$$$'\nsteve.printMoney(); // alerts '$$$$$$$'\n
\n

Parameters

  • fromClass : Ext.Base

    The class to borrow members from

    \n
  • members : Array/String

    The names of the members to borrow

    \n

Returns

Ext.Base
view source
( ) : Objectstatic
Create a new instance of this Class. ...

Create a new instance of this Class.

\n\n
Ext.define('My.cool.Class', {\n    ...\n});\n\nMy.cool.Class.create({\n    someConfig: true\n});\n
\n\n

All parameters are passed to the constructor of the class.

\n

Returns

Ext.Base
view source
( String/Object alias, String/Object origin )static
Create aliases for existing prototype methods. ...

Create aliases for existing prototype methods. Example:

\n\n
Ext.define('My.cool.Class', {\n    method1: function() { ... },\n    method2: function() { ... }\n});\n\nvar test = new My.cool.Class();\n\nMy.cool.Class.createAlias({\n    method3: 'method1',\n    method4: 'method2'\n});\n\ntest.method3(); // test.method1()\n\nMy.cool.Class.createAlias('method5', 'method3');\n\ntest.method5(); // test.method3() -> test.method1()\n
\n

Parameters

Ext.Base
view source
( Object config )privatestatic
...
\n

Parameters

Ext.Base
view source
( ) : Stringstatic
Get the current class' name in string format. ...

Get the current class' name in string format.

\n\n
Ext.define('My.cool.Class', {\n    constructor: function() {\n        alert(this.self.getName()); // alerts 'My.cool.Class'\n    }\n});\n\nMy.cool.Class.getName(); // 'My.cool.Class'\n
\n

Returns

Ext.Base
view source
( )deprecatedstatic
Adds members to class. ...

Adds members to class.

\n
\n

This method has been deprecated since 4.1

\n

Use addMembers instead.

\n\n
\n
Ext.Base
view source
( Object name, Object mixinClass )privatestatic
Used internally by the mixins pre-processor ...

Used internally by the mixins pre-processor

\n

Parameters

Ext.Base
view source
( Object fn, Object scope )privatestatic
...
\n

Parameters

Ext.Base
view source
( Object members ) : Ext.Basedeprecatedstatic
Override members of this class. ...

Override members of this class. Overridden methods can be invoked via\ncallParent.

\n\n
Ext.define('My.Cat', {\n    constructor: function() {\n        alert(\"I'm a cat!\");\n    }\n});\n\nMy.Cat.override({\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        this.callParent(arguments);\n\n        alert(\"Meeeeoooowwww\");\n    }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n                          // alerts \"I'm a cat!\"\n                          // alerts \"Meeeeoooowwww\"\n
\n\n

As of 4.1, direct use of this method is deprecated. Use Ext.define\ninstead:

\n\n
Ext.define('My.CatOverride', {\n    override: 'My.Cat',\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        this.callParent(arguments);\n\n        alert(\"Meeeeoooowwww\");\n    }\n});\n
\n\n

The above accomplishes the same result but can be managed by the Ext.Loader\nwhich can properly order the override and its target class and the build process\ncan determine whether the override is needed based on the required state of the\ntarget class (My.Cat).

\n
\n

This method has been deprecated since 4.1.0

\n

Use Ext.define instead

\n\n
\n

Parameters

  • members : Object

    The properties to add to this class. This should be\nspecified as an object literal containing one or more properties.

    \n

Returns

Ext.Base
view source
( )privatestatic
...
\n
Defined By

Events

Ext.tree.plugin.TreeViewDragDrop
view source
( HTMLElement node, Object data, Ext.data.Model overModel, String dropPosition, Object dropHandler, Object eOpts )
This event is fired through the TreeView. ...

This event is fired through the TreeView. Add listeners to the TreeView object

\n\n

Fired when a drop gesture has been triggered by a mouseup event in a valid drop position in the TreeView.

\n

Parameters

  • node : HTMLElement

    The TreeView node if any over which the mouse was positioned.

    \n\n

    Returning false to this event signals that the drop gesture was invalid, and if the drag proxy will animate\nback to the point from which the drag began.

    \n\n

    Returning 0 To this event signals that the data transfer operation should not take place, but that the gesture\nwas valid, and that the repair operation should not take place.

    \n\n

    Any other return value continues with the data transfer operation.

    \n
  • data : Object

    The data object gathered at mousedown time by the cooperating\nDragZone's getDragData method it contains the following\nproperties:

    \n
    • copy : Boolean

      The value of the TreeView's copy property, or true if the TreeView was configured with\nallowCopy: true and the control key was pressed when the drag operation was begun

      \n
    • view : Ext.tree.View

      The source TreeView from which the drag originated.

      \n
    • ddel : HTMLElement

      The drag proxy element which moves with the mouse

      \n
    • item : HTMLElement

      The TreeView node upon which the mousedown event was registered.

      \n
    • records : Ext.data.Model[]

      An Array of Models representing the selected data being\ndragged from the source TreeView.

      \n
  • overModel : Ext.data.Model

    The Model over which the drop gesture took place.

    \n
  • dropPosition : String

    \"before\", \"after\" or \"append\" depending on whether the mouse is above or below\nthe midline of the node, or the node is a branch node which accepts new child nodes.

    \n
  • dropHandler : Object

    An object containing methods to complete/cancel the data transfer operation and either\nmove or copy Model instances from the source View's Store to the destination View's Store.

    \n\n

    This is useful when you want to perform some kind of asynchronous processing before confirming/cancelling\nthe drop, such as an confirm call, or an Ajax request.

    \n\n

    Set dropHandler.wait = true in this event handler to delay processing. When you want to complete the event, call\ndropHandler.processDrop(). To cancel the drop, call dropHandler.cancelDrop.

    \n
  • eOpts : Object

    The options object passed to Ext.util.Observable.addListener.

    \n\n
Ext.tree.plugin.TreeViewDragDrop
view source
( HTMLElement node, Object data, Ext.data.Model overModel, String dropPosition, Object eOpts )
This event is fired through the TreeView. ...

This event is fired through the TreeView. Add listeners to the TreeView object Fired when a drop operation\nhas been completed and the data has been moved or copied.

\n

Parameters

  • node : HTMLElement

    The TreeView node if any over which the mouse was positioned.

    \n
  • data : Object

    The data object gathered at mousedown time by the cooperating\nDragZone's getDragData method it contains the following\nproperties:

    \n
    • copy : Boolean

      The value of the TreeView's copy property, or true if the TreeView was configured with\nallowCopy: true and the control key was pressed when the drag operation was begun

      \n
    • view : Ext.tree.View

      The source TreeView from which the drag originated.

      \n
    • ddel : HTMLElement

      The drag proxy element which moves with the mouse

      \n
    • item : HTMLElement

      The TreeView node upon which the mousedown event was registered.

      \n
    • records : Ext.data.Model[]

      An Array of Models representing the selected data being\ndragged from the source TreeView.

      \n
  • overModel : Ext.data.Model

    The Model over which the drop gesture took place.

    \n
  • dropPosition : String

    \"before\", \"after\" or \"append\" depending on whether the mouse is above or below\nthe midline of the node, or the node is a branch node which accepts new child nodes.

    \n
  • eOpts : Object

    The options object passed to Ext.util.Observable.addListener.

    \n\n
","subclasses":[],"name":"Ext.tree.plugin.TreeViewDragDrop","alternateClassNames":[],"inheritdoc":null,"files":[{"href":"TreeViewDragDrop.html#Ext-tree-plugin-TreeViewDragDrop","filename":"TreeViewDragDrop.js"}],"html_meta":{},"singleton":false,"id":"class-Ext.tree.plugin.TreeViewDragDrop","statics":{"property":[{"meta":{"static":true,"private":true},"owner":"Ext.Base","tagname":"property","name":"$onExtended","id":"static-property-S-onExtended"}],"event":[],"css_var":[],"method":[{"meta":{"static":true,"private":true},"owner":"Ext.Base","tagname":"method","name":"addConfig","id":"static-method-addConfig"},{"meta":{"static":true,"private":true},"owner":"Ext.Base","tagname":"method","name":"addInheritableStatics","id":"static-method-addInheritableStatics"},{"meta":{"static":true,"private":true},"owner":"Ext.Base","tagname":"method","name":"addMember","id":"static-method-addMember"},{"meta":{"static":true},"owner":"Ext.Base","tagname":"method","name":"addMembers","id":"static-method-addMembers"},{"meta":{"static":true},"owner":"Ext.Base","tagname":"method","name":"addStatics","id":"static-method-addStatics"},{"meta":{"static":true,"private":true},"owner":"Ext.Base","tagname":"method","name":"addXtype","id":"static-method-addXtype"},{"meta":{"private":true,"static":true},"owner":"Ext.Base","tagname":"method","name":"borrow","id":"static-method-borrow"},{"meta":{"static":true},"owner":"Ext.Base","tagname":"method","name":"create","id":"static-method-create"},{"meta":{"static":true},"owner":"Ext.Base","tagname":"method","name":"createAlias","id":"static-method-createAlias"},{"meta":{"static":true,"private":true},"owner":"Ext.Base","tagname":"method","name":"extend","id":"static-method-extend"},{"meta":{"static":true},"owner":"Ext.Base","tagname":"method","name":"getName","id":"static-method-getName"},{"meta":{"deprecated":{"text":"Use {@link #addMembers} instead.","version":"4.1"},"static":true},"owner":"Ext.Base","tagname":"method","name":"implement","id":"static-method-implement"},{"meta":{"static":true,"private":true},"owner":"Ext.Base","tagname":"method","name":"mixin","id":"static-method-mixin"},{"meta":{"static":true,"private":true},"owner":"Ext.Base","tagname":"method","name":"onExtended","id":"static-method-onExtended"},{"meta":{"deprecated":{"text":"Use {@link Ext#define Ext.define} instead","version":"4.1.0"},"markdown":true,"static":true},"owner":"Ext.Base","tagname":"method","name":"override","id":"static-method-override"},{"meta":{"static":true,"private":true},"owner":"Ext.Base","tagname":"method","name":"triggerExtended","id":"static-method-triggerExtended"}],"css_mixin":[],"cfg":[]},"requires":[]});