1. #31
    Sencha User
    Join Date
    Dec 2008
    Location
    France
    Posts
    244
    Vote Rating
    0
    senacle is on a distinguished road

      0  

    Default


    Code:
    xtype : 'textfieldxtype'
    What is this ?

    Code:
    xtype : 'textfield'
    is surely better !

  2. #32
    Sencha User
    Join Date
    Dec 2008
    Location
    France
    Posts
    244
    Vote Rating
    0
    senacle is on a distinguished road

      0  

    Default


    I upgrade my code from Extjs 3.2.1 to Extjs 3.3.0 and the Datatip doesn't work anymore for combobox.

    There's no error message.

  3. #33
    Sencha User SabaSarwat's Avatar
    Join Date
    Sep 2010
    Posts
    70
    Vote Rating
    0
    SabaSarwat is on a distinguished road

      0  

    Default


    textfieldxtype is my own xtype.

  4. #34
    Sencha User
    Join Date
    Dec 2008
    Location
    France
    Posts
    244
    Vote Rating
    0
    senacle is on a distinguished road

      0  

    Default


    I'm coming back with this.
    So, i put in my code your debugged code.
    Quote Originally Posted by Animal View Post
    Code:
    Ext.override(Ext.Tip, {
        showAt : function(xy){
            Ext.Tip.superclass.show.call(this);
            if (this.isVisible()) {
                if(this.measureWidth !== false && (!this.initialConfig || typeof this.initialConfig.width != 'number')){
                    this.doAutoWidth();
                }
                if(this.constrainPosition){
                    xy = this.el.adjustForConstraints(xy);
                }
                this.setPagePosition(xy[0], xy[1]);
            }
        }
    });
    
    Ext.override(Ext.ToolTip, {
         show : function(){
            if(this.anchor){
                // pre-show it off screen so that the el will have dimensions
                // for positioning calcs when getting xy next
                this.showAt([-1000,-1000]);
                this.origConstrainPosition = this.constrainPosition;
                this.constrainPosition = false;
                this.anchor = this.origAnchor;
            }
            this.showAt(this.getTargetXY());
            if (this.isVisible()) {
                if(this.anchor){
                    this.syncAnchor();
                    this.anchorEl.show();
                    this.constrainPosition = this.origConstrainPosition;
                }else{
                    this.anchorEl.hide();
                }
            }
        }
    });
    But now, there's this error :
    this.anchorEl is undefined ext-all-debug.js (ligne 32666)
    coming from the ligne "this.showAt([-1000,-1000]);" above.

    I've tried to understand what's happening, but can't debugg.

    So, if you can do a new change, it will be very helpfull.

  5. #35
    Ext JS Premium Member
    Join Date
    Jul 2010
    Location
    UK
    Posts
    526
    Vote Rating
    29
    MrSparks has a spectacular aura about MrSparks has a spectacular aura about

      0  

    Default


    @Animal,

    This is a such a nice UX! Wondered if you planned to update / release a version that is 4.x compatible?

  6. #36
    Sencha User JNason's Avatar
    Join Date
    Aug 2007
    Location
    Louisville
    Posts
    43
    Vote Rating
    0
    JNason is on a distinguished road

      0  

    Default


    Quote Originally Posted by senacle View Post
    I'm coming back with this.
    So, i put in my code your debugged code.


    But now, there's this error :
    this.anchorEl is undefined ext-all-debug.js (ligne 32666)
    coming from the ligne "this.showAt([-1000,-1000]);" above.

    I've tried to understand what's happening, but can't debugg.

    So, if you can do a new change, it will be very helpfull.
    I get the same error as well. Just added this so I haven't tried to debug yet.

  7. #37
    Sencha User JNason's Avatar
    Join Date
    Aug 2007
    Location
    Louisville
    Posts
    43
    Vote Rating
    0
    JNason is on a distinguished road

      0  

    Default


    I added the showAt override to the ToolTip override that Animal posted and it fixed the this.anchorEl is undefined bug I was getting.

    Code:
    Ext.override(Ext.ToolTip, {
         show : function(){
            if(this.anchor){
                // pre-show it off screen so that the el will have dimensions
                // for positioning calcs when getting xy next
                this.showAt([-1000,-1000]);
                this.origConstrainPosition = this.constrainPosition;
                this.constrainPosition = false;
                this.anchor = this.origAnchor;
            }
            this.showAt(this.getTargetXY());
            if (this.isVisible()) {
                if(this.anchor){
                    this.syncAnchor();
                    this.anchorEl.show();
                    this.constrainPosition = this.origConstrainPosition;
                }else{
                    this.anchorEl.hide();
                }
            }
        },
        showAt : function(xy){
            this.lastActive = new Date();
            this.clearTimers();
            Ext.ToolTip.superclass.showAt.call(this, xy);
            if(this.dismissDelay && this.autoHide !== false){
                this.dismissTimer = this.hide.defer(this.dismissDelay, this);
            }
            if(this.anchor && !this.anchorEl.isVisible()){
                this.syncAnchor();
                this.anchorEl.show();
    //} else{
            } else if (this.anchorEl){ //added check for this.anchorEl
                this.anchorEl.hide();
            }
        }, 
    });

  8. #38
    Sencha User
    Join Date
    Apr 2010
    Location
    Italy
    Posts
    17
    Vote Rating
    0
    bariand is on a distinguished road

      0  

    Default Tooltips for radio buttons

    Tooltips for radio buttons


    Hi,
    is it possible to extend the DataTip extension to have tooltips for radio buttons?
    I searched the forum but the solution registering QuickTips doesn't work for me.

    Thanks,
    Andrea

  9. #39
    Sencha User
    Join Date
    Jan 2008
    Posts
    194
    Vote Rating
    0
    Richie1985 is on a distinguished road

      0  

    Default preload image

    preload image


    hi, i want to do something like this:

    PHP Code:
     plugins: new Ext.ux.DataTip({
            
    //tpl: '<div class="whatever">{fullname2}</div>'
            
    showDelay2000,
            
    trackMousetrue,
            
    tpl'<div><img height=100% src="images/user_{id}.png"><div>'
        
    }) 
    is there a option to preload the image? because first show of tip is empty, i have to move over the node of my tree a second time to see the pic.

    thx!

  10. #40
    Ext JS Premium Member
    Join Date
    Jul 2010
    Location
    UK
    Posts
    526
    Vote Rating
    29
    MrSparks has a spectacular aura about MrSparks has a spectacular aura about

      0  

    Default


    A 4.x version of this plugin now ships as standard with EXTJS 4.2 and above

    Located : /extjsextractedpath/examples/ux/DataTip.js