PDA

View Full Version : Combobox dropdown arrow moving on left side



leozeo
21 Dec 2011, 4:37 AM
Hi,
I am using Ext GWT 2.0.2. and i am facing this issue. When the page loads the arrow of the drop down moved to its left. The combobox works fine with FireFox and IE but not with Safari.


Ext.onReady(function(){var myUrl= 'XyzAction.do?requestFor=abc';var ds = new Ext.data.Store({proxy: new Ext.data.HttpProxy({url: myUrl}),reader: new Ext.data.JsonReader({root: 'row',totalProperty: 'totalCount',id: 'id'}, [{name: 'id', mapping: 'id'},{name: 'excerpt', mapping: 'field'}])});var combo = new Ext.form.ComboBox({store: ds,hiddenName: 'xyz',displayField:'excerpt',valueField: 'id',typeAhead: 'false',pageSize:15,forceSelection: 'true',queryParam : 'query',mode: 'remote',triggerAction: 'all',minChars : 3,queryDelay:500,lazyInit:true,emptyText:'--Select--',selectOnFocus:'true',applyTo: 'combo_abc',});combo.on("expand", function() {if(Ext.isIE || Ext.isIE7){combo.list.setStyle("width", "250");combo.innerList.setStyle("width", "250");}else{combo.list.setStyle("width", "auto");combo.innerList.setStyle("width", "auto");}}, {single: true});ds.on('load',function(){if (this.getAt(0) != null && this.getAt(0).get('excerpt').toLowerCase().startsWith(combo.getRawValue().toLowerCase())) {combo.typeAheadDelay=50;} else {combo.typeAheadDelay=60000}});});

30210


Thanks,
Leo
http://www.sencha.com/forum/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAAgCAIAAAC97JAcAAACF0lEQVRoge2aQW7jIBSGe6Uqyj2qTA/ErosmJ+g1WqlH6Ham1VQeaWxLlrqyTUjiBDDEs0BFxPEEqAlRBZ9+RfbjBaMviI1z1UX8cnXpBQRHNO6baNw30bhv9Mafnl+s0nXd3cNjUHFsnPG9ed6T7On55e7hMS0+Aol748gYIV0YX67XgeSSxhFCm6YRxtdNE0jcG1/a0LatMN7sdoHEvXFogzS+I8RhAABuJ3QY98brT8QuhsulWoGHFWmctK1JgMLpNsMJv9Y/JucyjhBijHHOGWMIocGKapwxrg0A4MSt4ZCT/jFxb7yqqrquKaXT28X1zf1kNmeMrVYrxthkNr++uZ/eLiildV1XVSWN8/1eGwDA/+qSXufx0HFxsOd8cW+8LMuyLCGEUvFkNuecy2vGGIRQtFFKhXGTZwMAtEVxq34ODpnMfCbcG//7SVEUhBAhWmQymxNCiqKQPdvt1tx413XqfpSVXkMXmvE/CnmeY4zl7sYY53muNgwaV532/PbausPfQP3W6aHBqaye/mXcG08OybIcYzz9scAYZ1neG7Xd4ypag+bb+Xvv8fcj0jTdbDZpmh4PWRk3OSVCPFV+D5EkyWB9/Dk+WFQvTPpl0XAZY3Bv/M2GMafKN8W98VcbonEteuO/bIjGteiN/7QhGtdyLuNB5fLGrVYQGu7fLEfjp4n/nvBNNO6baNw30bhvonHf/AOWwHobwDqyhAAAAABJRU5ErkJggg==

kamgar@eusiness.com
9 Jan 2012, 8:52 AM
Hello Leo

Did you find fix for this as I am also facing the same problem but this time it working Good in Firefox(9.0.1) but not in IE9 and Chrome(16.0.912.75)


Thanks

Ersmarker
10 Jan 2012, 2:04 AM
leozeo:
Your testcase is Ext JS, not Ext Gwt. Did you post in the correct forum?

kamgar@eusiness.com:
It looks like a CSS issue.
Have you upgraded Ext GWT version without updating the resources?

kamgar@eusiness.com
10 Jan 2012, 8:08 AM
After taking correct resources now dropdown is working fine; but I am having problem with Grids now; data is not displayed in Grid; It works fine with GWT 2.2 and GXT-2.2.3 but after upgrading to GWT 2.3 and GXT 2.2.5 I am facing this problem; I tried 2.2.4 also but its also having problem.

Thanks-
Ayaj