DataTip - show a complex tooltip based upon node's attributes or Record's data.

[senacle]

xtype : 'textfieldxtype'

What is this ?

xtype : 'textfield'

is surely better !

[senacle]

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.

[SabaSarwat]

textfieldxtype is my own xtype.

[senacle]

I'm coming back with this.
So, i put in my code your debugged 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.

[MrSparks]

@Animal,

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

[JNason]

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.

[JNason]

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

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();
        }
    }, 
});

[bariand]

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

[Richie1985]

hi, i want to do something like this:

 plugins: new Ext.ux.DataTip({
        //tpl: '<div class="whatever">{fullname2}</div>'
        showDelay: 2000,
        trackMouse: true,
        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!