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

Chapter 11. Drag and Drop

Drag and drop is a task that we humans do a lot in our day by day lives. That is why in user interfaces it is very helpful for accomplishing certain tasks. But not all the tasks can be accomplished that way. But when we face situations that do, Ext JS 4 offers a very complete set of classes to accomplish it.

Let's see the basic steps involved in drag-and-drop:

  • Move the pointer to the object
  • Press and hold the button of the pointing device, to grab the object
  • Drag the object to the desired location
  • Check if the desired location is a valid location to drop our object
  • Drop the button in the desired location by releasing the button

Before starting our chapter, there are a few things we need to consider first, not all situations ...

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