将鼠标悬停在嵌套网格视图上
Hover menu on Nested Gridview
我有一个网格视图。在里面我有一个嵌套的网格视图。我正在使用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
相关文章:
- 在不刷新整个网格的情况下,向Asp.net网格视图添加新行
- 网格视图:防止行移动到标题行上方
- asp.net网格视图中的面板-我如何在jquery中找到它
- 在网格视图的自动刷新过程中,设置内部网格视图文本框的可见性
- 网格视图页眉冻结在母版页中不起作用
- 如何在网格视图中每次单击按钮或链接时打开不同的新弹出窗口
- 如何使用jquery在网格视图中获取所选单选按钮的值
- 检查网格视图中的复选框是否被选中
- 如何使用 javascript 修改网格视图单元格值
- 通过 JavaScript 从主网格视图上的功能区按钮更新 CRM 2011 中的字段
- 通过jquery将网格视图数据发送到另一个页面
- 将网格视图的两列相乘,并将其显示在新列中
- 如何使用javascript遍历网格视图的列
- 如何选中/取消选中外部按钮的网格视图复选框
- 将网格视图导出到Excel时出错
- 如何在网格视图中验证asp.net文本框
- 页面加载后,将FooTable断点应用于网格视图中的列标题
- 用javascript制作一个网格视图图像
- JavaScript中的网格视图页脚行文本框
- 为什么第一次点击网格视图中的单选按钮毫无作用