View Full Version : ComboBox List Options Not showing

24 Sep 2008, 9:47 AM
I am having this odd issue in FireFox 3.0.1 (IE 7 works fine). What is really strange about it is that it used to work fine. I have undone all the recent change I made so that it is back to the way it was when it used to work, but still it is not working.

Basically what is happening is that dropdown list is showing an empty list. Using Firebug, I can see my options are loaded, and the HTML is created fine. In fact, I can type and the data will autofill as it should. This leads me to believe it is a CSS issue, but using Firebug, i don't have any conflicting classes..

var drpBooks = new Ext.form.ComboBox({
id: 'drpBooks',
fieldLabel: 'Book',
store: bookds,
labelStyle: 'font-size: 14px; width: 30px;',
valueField: 'bk_id',
displayField: 'bk_description',
typeAhead: true,
width: 200,
listWidth: 200,
triggerAction: 'all',
mode: 'local',
emptyText: 'Select a Book...',
selectOnFocus: true

var assignButton = new Ext.Button({
id: 'btnAssign',
text: 'Assign Book',
style: 'margin-left: 240px;margin-top:20px;',
handler: function() { assignBook(Ext.getCmp('drpBooks').value, Ext.getCmp('txtMemid').value); }

var txtMemID = new Ext.form.Hidden({
id: 'txtMemid',
hidden: true

var lblAssign = new Ext.form.Label({
id: 'lblAssign',
style: 'font-size: 14px;'

var assignBookPanel = new Ext.FormPanel({
id: 'assignBookPanel',
title: 'Assign Book',
bodyStyle:'padding:5px 5px 0',
items: [lblAssign, drpBooks, assignButton, txtMemID]
Here is the output from FireBug:

<div id="ext-gen242" class="x-shadow" style="z-index: 10999; left: 982px; top: 159px; width: 208px; height: 162px; display: block;"></div>
<div id="ext-gen230" class="x-layer x-combo-list" style="position: absolute; z-index: 11000; visibility: visible; left: 986px; top: 156px; width: 198px; height: 160px;">
<div id="ext-gen232" class="x-combo-list-inner" style="overflow: auto; width: 100px; left: 595px; top: 248px; height: 160px;">
<div class="x-combo-list-item x-combo-selected">Start Zone</div>

<div class="x-combo-list-item">Ultimate Adventure 1</div>

<div class="x-combo-list-item">Ultimate Adventure 1 (Revised)</div>

<div class="x-combo-list-item">Ultimate Adventure 2</div>

<div class="x-combo-list-item">Ultimate Adventure 2 (Revised)</div>

<div class="x-combo-list-item">Ultimate Adventure 3</div>

<div class="x-combo-list-item">Ultimate Adventure 3 (Revised)</div>

<div class="x-combo-list-item">Ultimate Adventure 4</div>




24 Sep 2008, 10:19 AM
Could it be this problem (http://www.extjs.com/forum/showthread.php?t=47431)?

24 Sep 2008, 10:28 AM
Wow, thank you so much. I scoured through the forums before posting, could not find anything. Strange that I enabled state a while back and it work fine until all of sudden. Either way, I appreciate the help.

25 Sep 2008, 10:26 PM