将鼠标悬停在嵌套网格视图上

Hover menu on Nested Gridview

本文关键字:网格 视图 嵌套 鼠标 悬停      更新时间:2023-09-26

我有一个网格视图。在里面我有一个嵌套的网格视图。我正在使用javascript进行扩展折叠。我的问题是,当我尝试在嵌套网格视图上添加 ajax 悬停菜单扩展器时,悬停不显示。我的代码:

<script type="text/javascript">
    $("[src*=plus]").live("click", function () {
        $(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>")
        $(this).attr("src", "../minusbutton.png");
    });
    $("[src*=minus]").live("click", function () {
        $(this).attr("src", "../plusbutton.png");
        $(this).closest("tr").next().remove();
    });
</script>
<asp:GridView ID="GridViewCustomers" runat="server" AllowPaging="True" 
                AutoGenerateColumns="False"  DataKeyNames="CustomerID">
    <Columns>
        <asp:TemplateField HeaderText="CustomerID" InsertVisible="False" 
                            SortExpression="lblCustomerID" Visible="False">
            <ItemTemplate>
                <asp:Label ID="lblCustomerID" runat="server" 
                            Text='<%# Bind("CustomerID") %>'>
                </asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Name"  
                            SortExpression="Name" >
            <ItemTemplate>
                <asp:Label ID="Name" runat="server" Text='<%# Bind("Name") %>'>
                </asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField>
            <ItemTemplate>
                <img alt = "" style="cursor: pointer" src="../plusbutton.png" />
                <asp:Panel ID="pnlCustomersDetails" runat="server" Style="display: none">
                    <asp:GridView ID="mynestedGridView"  runat="server" 
                                AutoGenerateColumns="False"
                                DataKeyNames="DetailsID">
                        <Columns>
                            <asp:TemplateField Visible="false" HeaderText="DetailsID">
                                <ItemTemplate>
                                    <asp:Label ID="lblDetailsID"   runat="server" Text='<%# Bind("DetailsID") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Details>
                                <ItemTemplate>
                                    <asp:Label ID="lblDetails"  runat="server" Text='<%# Bind("Details") %>'></asp:Label>
                                    <br />
                                    <asp:HoverMenuExtender ID="HoverMenuExtender1" runat="server" TargetControlID="lblDetails" PopupControlID="Panel2" PopupPosition="Center" OffsetX="0" OffsetY="0" PopDelay="50">
                                    </asp:HoverMenuExtender>
                                    <asp:Panel ID="Panel2" runat="server">
                                        <asp:Button ID="Button1"  runat="server" Text="Button"></asp:Button>
                                    </asp:Panel>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                    </asp:GridView>
                </asp:Panel>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

背后的代码是什么样的?

我发现本教程在处理嵌套网格视图元素时非常有用:

http://www.aspsnippets.com/Articles/ASPNet-Nested-GridViews-GridView-inside-GridView-with-Expand-and-Collapse-feature.aspx