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

Code:

---

xtype : 'textfieldxtype'

---

What is this ?

Code:

---

xtype : 'textfield'

---

is surely better !

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.

textfieldxtype is my own xtype.

I'm coming back with this.
So, i put in my code your debugged code.

Quote:

---

Originally Posted by Animal

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.

@Animal,

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

Quote:

---

Originally Posted by senacle

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.

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

---

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

hi, i want to do something like this:

PHP Code:

---

 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!