BoxReorderer: Using forms in Subpanels

[dtheiss]

Hi,
I try to reorder forms in subpanels with BoxReorderer.
All is good (means: DandD function), but it is not possible, to change the values in the textfields.
How can I fix it? Please help me out!!
Thanx in advance.

Ext.Loader.setPath('Ext.ux', 'ux');


Ext.onReady(function(){
   p = Ext.create('Ext.panel.Panel', {
      width: 300,
      bodyPadding: 5, 
      default: {
         width: 300,
         bodyPadding: 5
      },
      items: [{
         bodyPadding: 5,
         default: {
            width: 300,
            bodyPadding: 5
         },
         layout: 'vbox', 
         items: [{
            xtype: 'panel',
            title: 'a',
            items: [{
               xtype: 'textfield',
               fieldLabel: 'text1',
               emptyText: 'Value3'
            }, {
               xtype: 'textfield',
               fieldLabel: 'text2',
               emptyText: 'Value4'
            }]
         }, {
            xtype: 'panel',
            title: 'b',
            items: [{
               xtype: 'textfield',
               fieldLabel: 'text1',
               emptyText: 'Value1'
            }, {
               xtype: 'textfield',
               fieldLabel: 'text2',
               emptyText: 'Value2'
               
            }]
         }],
         plugins: Ext.create('Ext.ux.BoxReorderer', {
         }),         
         title: 'Felder',
         xtype: 'panel'
      }],
      title: 'BoxReorderer',
      renderTo: Ext.getBody()
   });
});