How to remove instantiated components

So I have an application where I drag and drop images onto a Panel. When double clicking a dropped image, I create a Resizer component with its target set to that image.

Now, I set my dropped images as draggable = true. They work fine, but the problem is that if such an image has an active Resizer (image has been double clicked), the Resizer does not get dragged with the image. It just stays there.

Fine, I decided that when I begin dragging an image I will remove/destroy all my active Resizers. So, I create an array and populate it with all active Resizers. When dragging occurs, I try using Ext.destroy(resizerArray), but that removes the Resizers AND the images.

Any suggestions on how to remove just the Resizers OR make the Resizers move with the image when dragging. Preferably, whatever solution is easier - I am still new to ExtJs.

Thanks!

How to remove instantiated components