Hi tooltip problem

[sseema]

Hi,

I want tooltip on grid rows.When I place mouse on row it needs to display the tooltip.
Please give me an idea.If any body have code please give me.

I appreciate any help.

Thank You

[Condor]

Example:

var tip = new Ext.Tip({
	title: 'Tip'
});
var grid = new Ext.grid.GridPanel({
	store: new Ext.data.SimpleStore({
		fields: ['value', 'tip'],
		data: [
			[1, 'One'],
			[2, 'Two'],
			[3, 'Three']
		]
	}),
	columns: [
		{dataIndex: 'value', header: 'Value'}
	],
	listeners: {
		mouseover: function(e, t){
			var row = grid.getView().findRow(t);
			if(row){
				var record = grid.getStore().getAt(row.rowIndex);
				if(tip.rendered){
					tip.body.update(record.get('tip'));
				}else{
					tip.html = record.get('tip');
				}
				tip.showBy(row);
			}
		},
		mouseout: function(e, t){
			var row = grid.getView().findRow(t);
			if(row && row != grid.getView().findRow(e.getRelatedTarget())){
				tip.hide();
			}
		}
	}
});