TwinTriggerField

[xun]

can someone reply to this thread? thanks

[Karthikeyan.rajmohan]

Try this below fix

Ext.override(Ext.form.field.Trigger, {
    getTriggerMarkup: function () {
        var me = this,
            i = 0,
            hideTrigger = (me.readOnly || me.hideTrigger),
            triggerCls,
            triggerBaseCls = me.triggerBaseCls,
            triggerConfigs = [];


        if (!me.trigger1Cls) {
            me.trigger1Cls = me.triggerCls;
        }


        for (i = 0; (triggerCls = me['trigger' + (i + 1) + 'Cls']) || i < 1; i++) {
            triggerConfigs.push({
                tag: 'td',
                valign: 'top',
                cls: Ext.baseCSSPrefix + 'trigger-cell',
                style: 'width:' + me.triggerWidth + (hideTrigger ? 'px;display:none' : 'px'),
                id: 'triggerCell-' + i, /*Added this Id to validate the Width*/
                cn: {
                    cls: [Ext.baseCSSPrefix + 'trigger-index-' + i, triggerBaseCls, triggerCls].join(' '),
                    role: 'button'
                }
            });
        }
        triggerConfigs[i - 1].cn.cls += ' ' + triggerBaseCls + '-last';


        return Ext.DomHelper.markup(triggerConfigs);
    },
});

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

Ext.define('Ext.ux.form.SearchField', {
    extend: 'Ext.form.field.Trigger',
    alias: 'widget.searchtrigger',


//Ext.ux.form.SearchField = Ext.extend(Ext.form.field.Trigger, {
    initComponent : function(){
        Ext.ux.form.SearchField.superclass.initComponent.call(this);
        this.on('specialkey', function(f, e){
            if(e.getKey() == e.ENTER){
                this.onTrigger2Click();
            }
        }, this);
    },
    validationEvent:false,
    validateOnBlur:false,
    trigger1Cls:'x-form-clear-trigger',
    trigger2Cls:'x-form-search-trigger',
    width:180,
    hasSearch : false,
    paramName : 'query',


    onTrigger1Click : function(){
        if(this.hasSearch){
            Ext.Function.defer(this.setValue, 1, this, ['']);
            var o = {start: 0};
            this.store.baseParams = this.store.baseParams || {};
            this.store.baseParams[this.paramName] = '';
            this.store.proxy.params = o;
            this.store.load();
            
        //this.triggers[0].hide();
        this.triggerEl.item(0).hide();
          Ext.get('triggerCell-0').setWidth(0);


            this.hasSearch = false;
        }
    },


    onTrigger2Click : function(){
        var v = this.getRawValue();
        if(v.length < 1){
            this.onTrigger1Click();
            return;
        }
        var o = {start: 0};
        this.store.baseParams = this.store.baseParams || {};
        this.store.baseParams[this.paramName] = v;
        this.store.proxy.params = o;
        this.store.load();
        this.hasSearch = true;


        //this.triggerEl[0].show();
    this.triggerEl.item(0).show();            
    Ext.get('triggerCell-0').setWidth(17);


    },


listeners: {
    render: function () {
        this.triggerEl.item(0).hide();
        Ext.get('triggerCell-0').setWidth(0);
        }
    }    
});

[reproman]

Has this been addressed/fixed in 4.2 ?