Simple Drag and Drop in ExtJS

I recently needed to implement Drag and Drop in an ExtJS project. The requirement was to have a visible list of widgets on one panel. The user would then drag specific widgets to one of the recipient panels to create a clone of the original. I've created sample code to easily implement this behavior. It should work correctly for various components and containers.

Lets start with the code for the initial widgets. To make them draggable and assigned to a specific ddGroup, the following was added to the render event function of the component/container.