javascript - how to pass Bound value (asp.net control ) to a jquery -

javascript - how to pass Bound value (asp.net control ) to a jquery -

let me explain trying do.

i have asp.net gridview , 1 of bound columns label field showing count, 100, in code behind have spilt of how got value. on hover on label want show labor = 30, material = 50, cost = 20

this aspx code

<asp:templatefield headertext="total cost" itemstyle-horizontalalign=center itemstyle-verticalalign=middle> <itemtemplate> <asp:label id="label2" text='<%# eval("totalcost")%>' runat=server></asp:label> </itemtemplate> </asp:templatefield>

question 1: can override tooltip template wpf/silverlight show infromation

question 2 if need utilize jquery show little window tooltip on hover over, how pass details labor = 30, material = 50, cost = 20 jquery

question 3 can in javascript

<asp:label id="label2" text=myjavascriptfunction('<%# eval("totalcost")%>') runat=server onmouseover ></asp:label>

i.e first bound value go javascript function , process , homecoming text used in asp:label text.

please point me in right direction.

you should able utilize tooltip property of label control, , bind display data:

<asp:label id="label2" text='<%# eval("totalcost")%>' tooltip='<%# string.format("labor={0}, material={1}, cost={2}", eval("labor"), eval("material"), eval("cost")) %>' runat="server"></asp:label>

this rendered "title" property of <span> tag output label control.

javascript jquery asp.net tooltip