PDA

View Full Version : solved - Problems with Combobox in panel with layout anchor



diablo
1 Mar 2010, 9:16 AM
In a panel with layout anchor i have 2 components, a combobox and another panel with some other stuff. The problem is that when i want to expand the combo the combo-list has an offset and it's showed right under the parent panel. When i play with firebug and change dinamically in css the top and left params from x-layer x-combo-list i can move the combo list where it should be (right below the combo). Anybody any idea? Thanks in advance!



var myCombo= new Ext.form.ComboBox({
name: 'mycombo',
id: 'mycombo',
mode: 'local',
value: '0',
displayField:'type',
valueField:'id',
allowBlank:true,
editable: false,
forceSelection: false,
disableKeyFilter: true,
triggerAction: 'all',
width: 300,
store: ds
})
});

var myPanel = new Ext.Panel({
renderTo: 'xx-div'
id:'mypanel',
border: true,
split: true,
width: 480,
frame: false,
layout: 'anchor',
items: [{
anchor: '100%',
border: false,
bodyStyle: 'padding: 5px 100px',
items: [mycombo]
},{
xtype: 'panel',
height: 'auto',
minHeight: 100,
anchor: '100%',
}
});

diablo
1 Mar 2010, 9:46 AM
solved - i have removed the id property from combo definition and now works fine.