Hi all, My requirement is to apply tooltip to the ComboBox on the hover of the mouse

[Vijaya436]

And this is my Code I tried..

function prepareAverageWorkExpCombo(emptyValueText) {
var averageWorkExpStore = new Ext.data.SimpleStore( {
fields : [ 'workExp' ],
data : Ext.data.workExp
});
var averageWorkExpCombo = new Ext.form.ComboBox( {
store : averageWorkExpStore,
displayField : 'workExp',
typeAhead : true,
id : 'averageWorkExperiance',
hideLabel : true,
mode : 'local',
triggerAction : 'all',
emptyText : 'Any',
selectOnFocus : true,
resizable : true,
width:100,
listeners : {
'change' : comboBoxListener
}
});

var tt = new Ext.ToolTip({
target: 'track-tip',
title: 'Mouse Track',
width:200,
html: 'This tip will follow the mouse while it is over the element',
trackMouse:true
});
return averageWorkExpCombo;
}

Where am I going wrong. Any small help wil be of great help.
Thanks in Advance

[dlbjr]

var averageWorkExpCombo = new Ext.form.ComboBox({
     store: averageWorkExpStore,
     displayField: 'workExp',
     typeAhead: true,
     hideLabel: true,
     mode: 'local',
     triggerAction: 'all',
     emptyText: 'Any',
     selectOnFocus: true,
     resizable: true,
     width: 100,
     listeners: {
'change': comboBoxListener
     }
});
 

var tt = new Ext.ToolTip({
     target: averageWorkExpCombo,
     title: 'Mouse Track',
     width: 200,
     html: 'This tip will follow the mouse while it is over the element',
     trackMouse: true
});

[Vijaya436]

Thnks for ur help dlbjr.. I tried that but I am getting the error at
"target:averageWorkExpCombo" as "this.target is null or not an Object".
Should I add some .js file??? I added ToolTip.js and tried.

[dlbjr]

The target will be what ever variable you make the Combo box as.

[syedarshadali]

Thnks for ur help dlbjr.. I tried that but I am getting the error at
"target:averageWorkExpCombo" as "this.target is null or not an Object".
Should I add some .js file??? I added ToolTip.js and tried.

Just try that:

var tt = new Ext.ToolTip({
     target: averageWorkExpCombo.geEl(),
     title: 'Mouse Track',
     width: 200,
     html: 'This tip will follow the mouse while it is over the element',
     trackMouse: true
});