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

Drag and drop between Ext JS components

Most of the Ext JS components can be added to a drag-and-drop group, this means that it is very easy to give them a drag-and-drop functionality. In the next example, we'll see how easily we can implement a complete drag-and-drop user interface using Ext JS components.

Let's start by defining our wireframe, so we can get an idea of what the UI should look like:

Drag and drop between Ext JS components

As we can see in the previous wireframe, we are going to use some Ext JS components, such as a tree panel, a data view, a grid panel, a form panel, and a container with a trash can icon so we can drag-and-drop the file object between them.

We are going ...

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