Adding additional functionality to the tree panel in Ext JS 4 is easy with the help of plugins.
We are going to use the
Ext.plugin.TreeViewDragDrop plugin so our nodes can have the drag-and-drop behavior.
This plugin creates a specialized instance of Drag Zone , which knows how to drag out of a tree view and loads the data object which is passed to a cooperating Drag Zone's method with the following properties:
copy: This property is true if the tree view was configured with
view: This property configures the tree view from which the drag was originated.
ddel: This is an HTML element which moves with the mouse.
item: This is a tree view node upon which the
mousedownevent was registered.
records: This is an array of ...