PDA

View Full Version : extjs4 combo display issue in ie8 browser as it is not displaying the combox properly



sooth
9 Oct 2013, 10:26 AM
46252
Hi All,
I am getting combo box displaying like combo and a number box together. I have used plain ext js stuff only with an "xtype:combo" and the store attributes.
Please refer the attached image. Why I am getting it like that?
i am seeing this issue in IE8, actually it looks fine in mozilla
I am using ext4.2 version.
Please help me...
Thanks, sj

greg.barry
11 Oct 2013, 1:02 PM
I tested this simple code sample (see below) in IE8 using ExtJS 4.2.0, 4.2.1 and 4.2.2. I was not able to reproduce the screenshot that you've attached. I even changed my doctype to be invalid and could not break the layout.

Generally speaking, issues that only occur in IE8 are due to incorrect doctype. Make sure to use STRICT.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Here is the code I was testing with:



Ext.onReady(function () {
var states = Ext.create('Ext.data.Store', {
fields: ['abbr', 'name'],
data : [
{"abbr":"AL", "name":"Alabama"},
{"abbr":"AK", "name":"Alaska"},
{"abbr":"AZ", "name":"Arizona"}
]
});


Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Choose State',
store: states,
queryMode: 'local',
displayField: 'name',
valueField: 'abbr',
renderTo: Ext.getBody()
});
});


Thanks!
Greg