PDA

View Full Version : BoxReorderer: Using forms in Subpanels



dtheiss
29 Jan 2013, 6:16 AM
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()
});
});

mitchellsimoens
31 Jan 2013, 12:06 PM
It sounds like the DD is capturing the mousedown event. If you remove the BoxReorderer plugin and make a field draggable, you won't be able to focus on it either.

dtheiss
1 Feb 2013, 5:18 AM
Mmmh. Okay. I understand. But do you have any suggestion for moving panels horizontal containing textfields?
Thanx for your help!