1. #1
    Ext JS Premium Member
    Join Date
    Oct 2007
    Location
    Herndon, VA
    Posts
    265
    Vote Rating
    3
    durlabh is on a distinguished road

      0  

    Default [2.x] TriggerField width problem in TabPanel with deferredRender: false

    [2.x] TriggerField width problem in TabPanel with deferredRender: false


    Ext Version: 2.x [Latest SVN]

    Possible bug as referred in: http://www.extjs.com/forum/showthread.php?t=74818

    Some of our form panel's need tabs. In such cases, we must use deferredRender: false so that setValues for the form works correctly. However, in those cases, rendering of all the trigger fields is messed up.

    Code:
            Ext.onReady(function() {
                var tp = new Ext.TabPanel({
                    activeTab: 0,
                    deferredRender: false,
                    layoutOnTabChange: true,
                    defaultType: 'panel',
                    items: [
                        {
                            title: 'Tab1',
                            layout: 'form',
                            items: [new Ext.form.ComboBox({ xtype: 'combo', fieldLabel: 'Test 2', width: 200, store: [[1, 'Yes'], [2, 'No']] })]
                        },
                        {
                            title: 'Tab2',
                            layout: 'form',
                            items: [new Ext.form.ComboBox({ xtype: 'combo', fieldLabel: 'Test 2', width: 200, store: [[1, 'Yes'], [2, 'No']] })]
                        }
                    ]
                });
    
                var win = new Ext.Window({
                    resizable: false,
                    layout: 'fit',
                    width: 400,
                    height: 200,
                    items: [tp]
                });
                win.show();
            });
    Combo width on both the tabs is same but they aren't rendered with same width. If deferredRender: false. hideMode: 'offsets' has no effect either.
    Last edited by durlabh; 4 Nov 2009 at 12:16 PM. Reason: Included Ext Version

  2. #2
    Ext JS Premium Member
    Join Date
    Oct 2007
    Location
    Herndon, VA
    Posts
    265
    Vote Rating
    3
    durlabh is on a distinguished road

      0  

    Default


    Following code ported back from 3.x branch helped me. Code in bold was further modified because it wasn't working correctly in some cases:

    Code:
    Ext.form.TriggerField.override({
    	defaultTriggerWidth: 17,
    
    	onResize: function(w, h) {
    		Ext.form.TriggerField.superclass.onResize.call(this, w, h);
    		var tw = this.getTriggerWidth();
    		if (Ext.isNumber(w)) {
    			this.el.setWidth(this.adjustWidth('input', w - tw));
    		}
    		var elWidth = this.el.getWidth();
    		this.wrap.setWidth(elWidth ? (elWidth + tw) : w);
    	},
    
    	getTriggerWidth: function() {
    		var tw = this.trigger.getWidth();
    		if (!this.hideTrigger && tw === 0) {
    			tw = this.defaultTriggerWidth;
    		}
    		return tw;
    	}
    });
    
    Ext.form.TwinTriggerField.override({
    	defaultTriggerWidth: 17,
    	getTriggerWidth: function() {
    		var tw = 0;
    		Ext.each(this.triggers, function(t, index) {
    			var triggerIndex = 'Trigger' + (index + 1),
                    w = t.getWidth();
    			if (w === 0 && !this['hidden' + triggerIndex]) {
    				tw += this.defaultTriggerWidth;
    			} else {
    				tw += w;
    			}
    		}, this);
    		return tw;
    	}
    });
    Last edited by durlabh; 4 Nov 2009 at 1:31 PM. Reason: Typo fix

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi