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:
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 ...