Threaded View

  1. #1
    Sencha User
    Join Date
    May 2010
    Posts
    28
    Vote Rating
    0
    sankarbaluz is on a distinguished road

      0  

    Exclamation Unanswered: ToolTip Issue in Ext Window.....

    Unanswered: ToolTip Issue in Ext Window.....


    Hi,
    I am Sankar.I am wondering to see that the tooltip that I am giving inside the Ext window is hiding.It is going back to the window.The code is working fine without a window(It works fine in formPanel).I am attaching the screenshots and code with this message.I know that the change would be made in target of the tip.But dont know what to give.Please help me out.
    Code:
    Ext.onReady(function() {
        Ext.tip.QuickTipManager.init();
        var btn = new Ext.Button({
            renderTo: Ext.getBody(),
            text:'Submit',
            handler:function(){
                new Ext.Window({
                    width:600,
                    height:500,
                    items:[formPanel]
                }).show();
            
            }
        })
        var formPanel = Ext.widget('form', {
        
            width: 350,
            bodyPadding: 10,
            title: 'Account Registration',
    
            defaults: {
                anchor: '100%'
            },
    
            /*
             * Listen for validity change on the entire form and update the combined error icon
             */
            listeners: {
                fieldvaliditychange: function() {
                    this.updateErrorState();
                },
                fielderrorchange: function() {
                    this.updateErrorState();
                }
            },
    
            updateErrorState: function() {
                var me = this,
                    errorCmp, fields, errors;
    
                if (me.hasBeenDirty || me.getForm().isDirty()) { //prevents showing global error when form first loads
                    errorCmp = me.down('#formErrorState');
                    fields = me.getForm().getFields();
                    errors = [];
                    fields.each(function(field) {
                        Ext.Array.forEach(field.getErrors(), function(error) {
                            errors.push({name: field.getFieldLabel(), error: error});
                        });
                    });
                    errorCmp.setErrors(errors);
                    me.hasBeenDirty = true;
                }
            },
    
            items: [{
                xtype: 'textfield',
                name: 'username',
                fieldLabel: 'User Name',
                allowBlank: false,
                minLength: 6
            }],
    
            dockedItems: [{
                xtype: 'container',
                dock: 'bottom',
                layout: {
                    type: 'hbox',
                    align: 'middle'
                },
                padding: '10 10 5',
    
                items: [{
                    xtype: 'component',
                    id: 'formErrorState',
                    baseCls: 'form-error-state',
                    flex: 1,
                    validText: 'Form is valid',
                    invalidText: 'Form has errors',
                    tipTpl: Ext.create('Ext.XTemplate', '<ul><tpl for="."><li><span class="field-name">{name}</span>: <span class="error">{error}</span></li></tpl></ul>'),
    
                    getTip: function() {
                        var tip = this.tip;
                        if (!tip) {
                            tip = this.tip = Ext.widget('tooltip', {
                                target: this.el,
                                title: 'Error Details:',
                                autoHide: false,
                                anchor: 'top',
                                mouseOffset: [-11, -2],
                                closable: true,
                                constrainPosition: false,
                                cls: 'errors-tip'
                            });
                            tip.show();
                        }
                        return tip;
                    },
    
                    setErrors: function(errors) {
                        var me = this,
                            baseCls = me.baseCls,
                            tip = me.getTip();
    
                        errors = Ext.Array.from(errors);
    
                        // Update CSS class and tooltip content
                        if (errors.length) {
                            me.addCls(baseCls + '-invalid');
                            me.removeCls(baseCls + '-valid');
                            me.update(me.invalidText);
                            tip.setDisabled(false);
                            tip.update(me.tipTpl.apply(errors));
                        } else {
                            me.addCls(baseCls + '-valid');
                            me.removeCls(baseCls + '-invalid');
                            me.update(me.validText);
                            tip.setDisabled(true);
                            tip.hide();
                        }
                    }
                }]
            }]
        });
    
    });
    Attached Images

Thread Participants: 1

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