Как создать перетаскиваемые наборы полей в ExtJS 3.x

Я хочу создать ExtJS FormPanel, которая позволяет пользователю изменять порядок списка наборов полей с помощью перетаскивания.

Я вижу, что очень легко сделать наборы полей подвижными, используя draggable: true, но как мне настроить зону падения? Я пытался следовать нескольким примерам, но не очень удачно.

MyApp.FormPanel = Ext.extend(Ext.FormPanel,{
    title: 'Fields',

    fieldSetCount: 0,

    constructor: function(config){
        Ext.apply(this, config);

        this.tbar = [{
            text: 'Add Field Set',
            handler: this.addFieldSet,
            scope: this
        }];

        MyApp.FormPanel.superclass.constructor.call(this, config);
    },

    addFieldSet: function(){
        this.add({
            xtype: 'fieldset',
            title: 'Fieldset ' + this.fieldSetCount++,
            draggable: true
        });
        this.doLayout();
    },
});