PDA

View Full Version : [CLOSED] IE8: TriggerField shows icon on left side



defcon1
11 Jun 2010, 5:01 AM
Hi,

I use this class:


Ext.ns('Ext.ux.form');

Ext.ux.form.SearchField = function(cfg) {

Ext.apply (cfg, {

listeners: {

keyup: function(f, e) {

this.onTriggerClick(cfg.facet);
}
},
triggerClass: 'x-form-search-trigger',
validationEvent: false,
validateOnBlur: false,
enableKeyEvents: true,
width: 268,
hasSearch: false
});

Ext.ux.form.SearchField.superclass.constructor.call(this, cfg);
}


Ext.extend(Ext.ux.form.SearchField, Ext.form.TriggerField, {

onTriggerClick: function(facet)
{
var v = this.getRawValue();

var params = {};

params.facet = facet;
params.facetPrefix = v;
params.startAt = 0;
params.limit = 10;
params.json = true;
params.indexID = indexID;

this.store.load({params: params});
this.hasSearch = true;
}

});
The icon is shown at the left side instead of right side (only IE). I need to use the 3.1.1 version so it would be very helpful if someone could give me a workaround. Any help is appreciated.

Many thanks!
d1

Schreenshot is attached

Condor
11 Jun 2010, 5:22 AM
The problem isn't the TriggerField, but the fact that you render it to an element with display:none.

Try configuring the TriggerField Container with hideMode:'offsets'.