show tooltip in gridview

[graphicsxp]

Hi,

I would like to show a tooltip when the user move the mouse over the
first column of my gridview.

The tooltip should be bound to a field of the gridview's datasource
that correspond to the row being hovered.

How can I do that ?

 

[Tasos Vogiatzoglou]

Either you put a link with the title attribute set, or you should
devise a DHTML method (that includes javascript).

Regards,
Tasos

 

[Patrick.O.Ige]

You can use a label control
and in the label control set ToolTip='blablabls'
Patrick

 

[graphicsxp]

I've found a better way actually :

Protected Sub grdCuttings_RowDataBound(ByVal sender As Object, ByVal e
As System.Web.UI.WebControls.GridViewRowEventArgs) Handles
grdCuttings.RowDataBound
Dim item As GridViewRow = e.Row

If (e.Row.RowType = DataControlRowType.DataRow) Then
item.Cells(0).Attributes.Add("title",
Me.grdCuttings.DataKeys(item.RowIndex).Item("Headline").ToString())
End If
End Sub

Thanks

 

[terryhutt]

A better better way

Nice idea to use the RowDataBound event but your code can be simplified slightly as below.

Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView1.RowDataBound
' Assumes target cell is in column 2 and the underlying data item is sDistrictName

If e.Row.RowType = DataControlRowType.DataRow Then

e.Row.Cells(2).Attributes.Add("Title", e.Row.DataItem("sDistrictName").ToString)​

End If​

End Sub

 

[BraveNewMath]

You can just do this

In your HeaderText, do this:

HeaderText="<span title='Document Size'>Size</span>"

Here's it is in context:

<asp:BoundColumn DataField="DocS" HeaderText="<span title='Document Size'>Size</span>" >