1

マウスホバーのツールチップにいくつかのデータを表示したいと思います。asp.netでデータリストを使用しています。ツールチップで動的データを表示するにはどうすればよいですか。データはデータベーステーブルに基づいています。これは私のデータリストのコードであり、ツールチップをアイテムテンプレートに表示したいと思います。ツールチップデータには、利用可能数量、手持数量、注文数量の3つのアイテムが含まれます。

編集：私はこの質問に答えて提供された方法を試しましたが、それらは機能していません。JQueryとWebサービスを使用して同じことを行う方法はありますか？はいの場合は、適切な方法を教えてください...

<asp:DataList ID="dlvProductSpecification" runat="server" RepeatColumns="10" HeaderStyle-Font-Size="16px"
                                            Font-Size="Smaller" OnItemCommand="dlvProductSpecification_ItemCommand" OnItemCreated="dlvProductSpecification_ItemCreated"
                                            OnItemDataBound="dlvProductSpecification_ItemDataBound">
                                            <ItemStyle Font-Size="Smaller" />
                                            <HeaderStyle HorizontalAlign="Center">  </HeaderStyle>
                                            <HeaderTemplate>
                                                <table class="header_dl">
                                                    <tr>
                                                        <td>
                                                            SPECIFICATION HEADER
                                                        </td>
                                                    </tr>
                                                </table>
                                            </HeaderTemplate>
                                            <ItemTemplate>
                                                <%--<table style="text-align: center;">--%>
                                                <table class="style_dl" onmouseover="showtooltip()" onmouseout="hidetooltip()">
                                                    <tr>
                                                        <td class="style_dl_td">
                                                            <asp:Label ID="lblReferenceNo" CssClass="labeltitle_dl" runat="server"><%# Eval("ReferenceNo")%></asp:Label>
                                                            <br />
                                                            <asp:Label ID="Label1" runat="server"><%# Eval("Specification")%></asp:Label>
                                                            <br />
                                                            <br />
                                                            <asp:HiddenField ID="hdnSpecificationID" runat="server" Value='<%# Eval("ProductSpecificationID")%>' />
                                                            <asp:HiddenField ID="hdnSpecification" runat="server" Value='<%# Eval("Specification")%>' />
                                                            <asp:HiddenField ID="hdnReferenceNo" runat="server" Value='<%# Eval("ReferenceNo")%>' />
                                                            <asp:HiddenField ID="hdnGTIN" runat="server" Value='<%# Eval("GTIN")%>' />
                                                            <asp:HiddenField ID="hdnAvailableQty" runat="server" Value='<%# Eval("AvailableQty")%>' />
                                                            <asp:Button ID="btnAddQty" runat="server" CommandName="GetData" Text="Add" /><br />
                                                        </td>
                                                    </tr>
                                                </table>
                                            </ItemTemplate>
                                        </asp:DataList>
4

2 に答える 2

1

ItemDataBoundイベントでそれを行うことができます。これを試して：

protected void dlvProductSpecification_ItemDataBound(object sender, DataListItemEventArgs e)
    {
        if (e.Item.ItemType == ListItemType.Item ||e.Item.ItemType== ListItemType.AlternatingItem)
        {
            e.Item.ToolTip = "Tool Tip";
        }
    }
于 2012-05-17T07:22:54.873 に答える
0

アイテムテンプレートのラベル内にtoolTipプロパティを配置し、次のようにバインドします。

<asp:Label ID="Label1" runat="server" ToolTip='<%# Eval("Specification") %>'><%# Eval("Specification")%></asp:Label>

それがうまくいくことを願っています。

于 2012-05-17T07:22:31.757 に答える