X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6746dc89c47ed01b165cc1152533605f97eb8e8d..f562e4c6e5fac7bcb445985b99acbea4d706e6f0:/docs/output/Ext.tree.plugin.TreeViewDragDrop.js diff --git a/docs/output/Ext.tree.plugin.TreeViewDragDrop.js b/docs/output/Ext.tree.plugin.TreeViewDragDrop.js new file mode 100644 index 00000000..aaab9ffc --- /dev/null +++ b/docs/output/Ext.tree.plugin.TreeViewDragDrop.js @@ -0,0 +1 @@ +Ext.data.JsonP.Ext_tree_plugin_TreeViewDragDrop({"tagname":"class","html":"
Hierarchy
Ext.BaseExt.AbstractPluginExt.tree.plugin.TreeViewDragDropUses
Files
This plugin provides drag and/or drop functionality for a TreeView.
\n\nIt 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\ncopy : Boolean
\n\nThe value of the TreeView's copy
property, or true
if the TreeView was configured with allowCopy: true
and\nthe control key was pressed when the drag operation was begun.
view : TreeView
\n\nThe source TreeView from which the drag originated.
ddel : HtmlElement
\n\nThe drag proxy element which moves with the mouse
item : HtmlElement
\n\nThe TreeView node upon which the mousedown event was registered.
records : Array
\n\nAn Array of Models representing the selected data being dragged from the source TreeView.
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\nAdding this plugin to a view means that two new events may be fired from the client TreeView, beforedrop and\ndrop.
\n\nNote that the plugin must be added to the tree view, not to the tree panel. For example using viewConfig:
\n\nviewConfig: {\n plugins: { ptype: 'treeviewdragdrop' }\n}\n
\nTrue if drops on the tree container (outside of a specific tree node) are allowed.
\nTrue if drops on the tree container (outside of a specific tree node) are allowed.
\nAllow inserting a dragged node between an expanded parent node and its first child that will become a sibling of\nthe parent when dropped.
\nTrue if the tree should only allow append drops (use for trees which are sorted).
\nDefaults to: false
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.
\nDefaults to: "TreeDD"
The ddGroup to which the DragZone will belong.
\n\nThis defines which other DropZones the DragZone will interact with. Drag/DropZones only interact with other\nDrag/DropZones which are members of the same ddGroup.
\nThe ddGroup to which the DropZone will belong.
\n\nThis defines which other DragZones the DropZone will interact with. Drag/DropZones only interact with other\nDrag/DropZones which are members of the same ddGroup.
\nSet to false
to disallow dragging items from the View.
Defaults to: true
Set to false
to disallow the View from accepting drop gestures.
Defaults to: true
The delay in milliseconds to wait before expanding a target tree node while dragging a droppable node over the\ntarget.
\nDefaults to: 1000
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.
\nDefaults to: "c3daf9"
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.
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.
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
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 return 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
\nCall the original method that was previously overridden with override
\n\nExt.define('My.Cat', {\n constructor: function() {\n alert(\"I'm a cat!\");\n\n return this;\n }\n});\n\nMy.Cat.override({\n constructor: function() {\n alert(\"I'm going to be a cat!\");\n\n var instance = this.callOverridden();\n\n alert(\"Meeeeoooowwww\");\n\n return instance;\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
\nThe arguments, either an array or the arguments
object
Returns the result after calling the overridden method
\nCall the parent's overridden method. For example:
\n\nExt.define('My.own.A', {\n constructor: function(test) {\n alert(test);\n }\n});\n\nExt.define('My.own.B', {\n extend: 'My.own.A',\n\n constructor: function(test) {\n alert(test);\n\n this.callParent([test + 1]);\n }\n});\n\nExt.define('My.own.C', {\n extend: 'My.own.B',\n\n constructor: function() {\n alert(\"Going to call parent's overriden constructor...\");\n\n this.callParent(arguments);\n }\n});\n\nvar a = new My.own.A(1); // alerts '1'\nvar b = new My.own.B(1); // alerts '1', then alerts '2'\nvar c = new My.own.C(2); // alerts \"Going to call parent's overriden constructor...\"\n // alerts '2', then alerts '3'\n
\nThe arguments, either an array or the arguments
object\nfrom the current method, for example: this.callParent(arguments)
Returns the result from the superclass' method
\nThe destroy method is invoked by the owning Component at the time the Component is being destroyed.
\n\nThe supplied implementation is empty. Subclasses should perform plugin cleanup in their own implementation of\nthis method.
\nThe base implementation just sets the plugin's disabled
flag to true
Plugin subclasses which need more complex processing may implement an overriding implementation.
\nThe base implementation just sets the plugin's disabled
flag to false
Plugin subclasses which need more complex processing may implement an overriding implementation.
\nThe init method is invoked after initComponent method has been run for the client Component.
\n\nThe 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.
\nThe client Component which owns this plugin.
\nInitialize configuration for this class. a typical example:
\n\nExt.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 return this;\n }\n});\n\nvar awesome = new My.awesome.Class({\n name: 'Super Awesome'\n});\n\nalert(awesome.getName()); // 'Super Awesome'\n
\nmixins The mixin prototypes as key - value pairs
\nGet 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
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 return this;\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
\nAdd / override static properties of this class.
\n\nExt.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
\nthis
\nBorrow another class' members to the prototype of this class.
\n\nExt.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
\nThe class to borrow members from
\nThe names of the members to borrow
\nthis
\nCreate a new instance of this Class.
\n\nExt.define('My.cool.Class', {\n ...\n});\n\nMy.cool.Class.create({\n someConfig: true\n});\n
\n\nAll parameters are passed to the constructor of the class.
\nthe created instance.
\nCreate aliases for existing prototype methods. Example:
\n\nExt.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
\nThe new method name, or an object to set multiple aliases. See\nflexSetter
\nThe original method name
\nGet the current class' name in string format.
\n\nExt.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
\nclassName
\nAdd methods / properties to the prototype of this class.
\n\nExt.define('My.awesome.Cat', {\n constructor: function() {\n ...\n }\n});\n\n My.awesome.Cat.implement({\n meow: function() {\n alert('Meowww...');\n }\n });\n\n var kitty = new My.awesome.Cat;\n kitty.meow();\n
\nOverride prototype members of this class. Overridden methods can be invoked via\ncallOverridden
\n\nExt.define('My.Cat', {\n constructor: function() {\n alert(\"I'm a cat!\");\n\n return this;\n }\n});\n\nMy.Cat.override({\n constructor: function() {\n alert(\"I'm going to be a cat!\");\n\n var instance = this.callOverridden();\n\n alert(\"Meeeeoooowwww\");\n\n return instance;\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
\nthis
\nThis event is fired through the TreeView. Add listeners to the TreeView object
\n\nFired when a drop gesture has been triggered by a mouseup event in a valid drop position in the TreeView.
\nThe TreeView node if any over which the mouse was positioned.
\n\nReturning 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.
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.
Any other return value continues with the data transfer operation.
\nThe data object gathered at mousedown time by the cooperating\nDragZone's getDragData method it contains the following\nproperties:
\nThe 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
The source TreeView from which the drag originated.
\nThe drag proxy element which moves with the mouse
\nThe TreeView node upon which the mousedown event was registered.
\nAn Array of Models representing the selected data being\ndragged from the source TreeView.
\nThe Model over which the drop gesture took place.
\n\"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.
A function to call to complete the data transfer operation and either move or copy\nModel instances from the source View's Store to the destination View's Store.
\n\nThis is useful when you want to perform some kind of asynchronous processing before confirming the drop, such as\nan confirm call, or an Ajax request.
\n\nReturn 0
from this event handler, and call the dropFunction
at any time to perform the data transfer.
The options object passed to Ext.util.Observable.addListener.
\n\n\n\nThis 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.
\nThe TreeView node if any over which the mouse was positioned.
\nThe data object gathered at mousedown time by the cooperating\nDragZone's getDragData method it contains the following\nproperties:
\nThe 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
The source TreeView from which the drag originated.
\nThe drag proxy element which moves with the mouse
\nThe TreeView node upon which the mousedown event was registered.
\nAn Array of Models representing the selected data being\ndragged from the source TreeView.
\nThe Model over which the drop gesture took place.
\n\"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.
The options object passed to Ext.util.Observable.addListener.
\n\n\n\n