我如何在asp:linkBut​​ton的mouseover事件上显示图像 [英] How I can display Image on mouseover event on asp:linkButton

问题描述

我正在使用asp.net框架3.5和c#2.0.我可以将数据绑定到gridview.
实际上，我想在asp:linkBut​​ton的mouseover事件上显示图像，该图像在网格视图中使用

I am using asp.net framework 3.5 and c# 2.0. I am able to bind data in to gridview.
Actually I want to display Image on mouseover event on asp:linkButton, which is used in grid view

<asp:GridView ID="gvTemplate" runat="server" AllowPaging="True" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None" ShowFooter="True" Width="100%"

OnRowCommand="gvTemplate_RowCommand" OnRowDataBound="RowDataBound" OnPageIndexChanging="gvTemplate_PageIndexChanging">
                                                                                        <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
<Columns>
<asp:TemplateField HeaderStyle-HorizontalAlign="Left" HeaderText="Sr. No">
      <ItemTemplate>
      <%# 	Container.DataItemIndex + 1 %>
	</ItemTemplate>
	<HeaderStyle HorizontalAlign="Left" />
</asp:TemplateField>
                                                
<asp:TemplateField HeaderText="Template Name" ItemStyle-	HorizontalAlign="Left">
	<ItemTemplate>
		<asp:LinkButton 	ID="lBtTempID" runat="server" Text='<%# 			DataBinder.Eval(Container.DataItem,"tempName") %>'

      	CommandName='<%#DataBinder.Eval(Container.DataItem,"tempID") %>' 		CommandArgument="tempID"

		onmouseover="javascript:showImage(this.id)"/>
	</ItemTemplate>
</asp:TemplateField>
                                                
<asp:TemplateField HeaderStyle-HorizontalAlign="Left" HeaderText="Template Type">
	<ItemTemplate>
		<asp:Label ID="lbltempType" runat="server" Text='<%# 				DataBinder.Eval(Container.DataItem,"tempType") %>' />
	</ItemTemplate>
	<HeaderStyle HorizontalAlign="Left" />
</asp:TemplateField>

</Columns>
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#284775" ForeColor="White" 

	HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" 

	ForeColor="#333333" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#999999" />
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
</asp:GridView>

推荐答案

请检查此URL，它可能对您有帮助...

显示/存储并从数据库到Gridview以及检索图像数据在鼠标悬停上 [ ^ ]

please check this URL it might helpful to you...

Display/Store and Retrieve Image Data from Database to Gridview, and also on Mouse Over[^]

您可以通过jQuery轻松实现.
只需包含 jQuery文件 [

You can do it easily by jQuery.
Just include the jQuery file[^] in ur code.
Then write the below code for your task.

<script type="text/javascript" language="javascript">

(document).ready(function(){

(document).ready(function () {

这篇关于我如何在asp:linkBut​​ton的mouseover事件上显示图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！