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