O'Reilly logo

Learning Ext JS 4 by Armando Gonzalez, Crysfel Villa

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Tree drag-and-drop

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 allowCopy:true.
  • 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 mousedown event was registered.
  • records: This is an array of ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required