如何在gridview控件或转发器中显示行详细信息OnMouseover [英] How to Display Row Detail OnMouseover in gridview control or repeater

问题描述

就像这个例子.
http://rndnext.blogspot.com/2009/02/jquery-ajax-tooltip.html [^ ]

like this example.
http://rndnext.blogspot.com/2009/02/jquery-ajax-tooltip.html[^]

推荐答案

以下内容应使您入门.

在aspx页面中，在ajax脚本管理器中启用页面方法.

The below ought to get you started.

Within the aspx page enable page methods within your ajax script manager.

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" EnablePageMethods="true" />

下面的模板列.注释掉的图像正在使用onmouseover，这是您要查找的图像.下面的示例显示要单击以显示详细信息的图像.

Template column below. The commented out image was using onmouseover which is what you''re looking for. The example below displays a image to be clicked on to display the details.

<asp:TemplateField>
                            <HeaderTemplate>
                                <asp:Image id="imgLineItems" runat="server" ImageUrl="/Images/LineItems.gif" AlternateText="" ToolTip="PO Details" />
                            </HeaderTemplate>
                            <ItemTemplate>
                                <%--<asp:ImageButton id="Attachments" runat="server" ImageUrl="~/Images/clip.gif" commandArgument=''<%# Eval(Container.DataItem, "JobID") %>''
                                    commandName=''<%# Eval(Container.DataItem, "POID") >'' OnClientClick="return false;" onmouseover="

find(''pceAttachments'').showPopup();" onmouseout="

find(''pceAttachments'').showPopup();" onmouseout="

find(''pceAttachments'').hidePopup();" />--%> <asp:Image id="imgLineItems" runat="server" ImageUrl="/Images/LineItems.gif" AlternateText="" /> <asp:Panel ID="pnlLineItems" runat="server"></asp:Panel> &lt;asp:PopupControlExtender ID="pceLineItems" runat="server" DynamicServiceMethod="GetLineItems" DynamicContextKey=''<%# Eval("POID") %>'' DynamicControlID="pnlLineItems" TargetControlID="imgLineItems" PopupControlID="pnlLineItems" Position="right"> </asp:PopupControlExtender> <asp:DropShadowExtender runat="server" ID="FileDownloadDropShadow" Opacity=".25" Width="2" TargetControlID="pnlLineItems" TrackPosition="true"></asp:DropShadowExtender> </ItemTemplate> </asp:TemplateField>

find(''pceAttachments'').hidePopup();" />--%> <asp:Image id="imgLineItems" runat="server" ImageUrl="/Images/LineItems.gif" AlternateText="" /> <asp:Panel ID="pnlLineItems" runat="server"></asp:Panel> &lt;asp:PopupControlExtender ID="pceLineItems" runat="server" DynamicServiceMethod="GetLineItems" DynamicContextKey=''<%# Eval("POID") %>'' DynamicControlID="pnlLineItems" TargetControlID="imgLineItems" PopupControlID="pnlLineItems" Position="right"> </asp:PopupControlExtender> <asp:DropShadowExtender runat="server" ID="FileDownloadDropShadow" Opacity=".25" Width="2" TargetControlID="pnlLineItems" TrackPosition="true"></asp:DropShadowExtender> </ItemTemplate> </asp:TemplateField>

背后的代码:

Code Behind:

System.Web.Services.WebMethod()> _
		Public Shared Function GetLineItems(ByVal contextKey As String) As String
			Return BOs.POLineItem.LineItemsPopUp(contextKey)
		End Function

这篇关于如何在gridview控件或转发器中显示行详细信息OnMouseover的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！