PDA

View Full Version : ComboBox in Window problem



danaxelrod
18 Mar 2011, 10:26 PM
I have a combobox that will not dropdown and display it's store when in an ext.window. It works perfect in a tabpanel though, so the store is loaded.

var Combo = new Ext.form.ComboBox ({
id: 'txBox',
fieldLabel: 'Date of Service',
mode: 'local',
selectOnFocus: true,
typeAhead: true,
editable: true,
triggerAction: 'all',
store: txdates,
emptyText: '-No Records-',
displayField:'txdate',
valueField: 'id',
width: 130
});
var Win = new Ext.Window({
title: 'Add Payment',
closable:true,
closeAction: 'hide',
width:600,
height:460,
items:[{
xtype: 'form',
height: 300,
items: [Combo]
}]
});

danaxelrod
18 Mar 2011, 10:53 PM
I got lucky and saw that when the window is very small, the combobox is dropping down behind the window. So this seems like a z-index problem. Is there a fix for this?

danaxelrod
19 Mar 2011, 8:32 AM
Yes there is! I added this to the css: .x-combo-list {z-index: 9999 !important;}