javascript - 如何将绑定(bind)值(asp.net控件)传递给jquery

Question

让我解释一下我想要做什么。

我有一个 asp.net gridview，其中一个绑定(bind)列是一个显示计数的标签字段，比如 100，但在后面的代码中，我泄露了如何获取该值。因此，将鼠标悬停在标签上时，我想显示类似劳动力 = 30、 Material = 50、成本 = 20 的内容

这是我的 aspx 代码

<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>

• 问题1:我可以像 WPF/silverlight 一样重写工具提示模板来显示此信息

• 问题 2如果我需要使用 jquery 在鼠标悬停时显示一个小窗口作为工具提示，那么我如何将像 labour = 30、material = 50、cost = 20 这样的详细信息传递给 jquery

• 问题 3我可以用 JavaScript 做到这一点

<asp:Label ID="Label2" Text=MYJavascriptFunction('<%# Eval("TotalCost")%>') runat=server onmouseover ></asp:Label>

即第一个绑定(bind)值将转到我的 javascript 函数，它将处理某些内容并返回将在 asp:Label Text 中使用的文本。

请为我指明正确的方向。

Answer 1

您应该能够使用 Label 控件的 ToolTip 属性，并将其绑定(bind)以显示数据:

<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>

这被呈现为 <span> 的“标题”属性由 Label 控件输出的标记。