Very simple drag/drop example?

This is probably a lot easier than it seems, but I'm having a lot of trouble finding a simple example of drag-and-drop panel swapping - all the working Ext 2.x examples I've found have been working on pre-placed <ul><li> DOM structures and I can't seem to bend them to work with procedurally generated panels.

Everything else in Ext seems to have excellent, simple examples that are very easy to comprehend and modify, so I'm surprised I can't find a usable example - hopefully someone can point me to one or help me out.

All I need is a few panels in a column that I can swap around: something very similar to http://ext4sap.free.fr/sortable0.4.html but working on panels generated in Ext.onReady. I imagine the Ext.dd.DragDropMgr.swapNodes() function would be handy here. I've tried setting draggable: true, and got the panels to be "draggable" and I can move the ghost, but (of course) it simply disappeared with no change on release, and I couldn't get swapping to work on the endDrag event function.

Here's a basic sample page that if I can get working, I should be able to expand to the application I need:

I did have a look at the portal example, but I couldn't quite work out what was relevant: there seemed to be an awful lot of code, and it wasn't clear what was directly required for the drag-drop reordering, and what was there to implement the multi-column changing functionality.

The OP (I work with him), wants to drag a panel from it's current position, and drop it into another position and have it stay in that new position. (Rather like the example at http://ext4sap.free.fr/sortable0.4.html )

We would then detect that the order of the panels has changed and send information about the new order of the panels to our server code.