鼠标弹出图像上的gridview行？ [英] gridview row on mouse over popup image?

问题描述

亲爱的朋友..



在弹出图像鼠标上的gridview行？

i想在鼠标上弹出拇指指甲图像在gridview每一行。如果鼠标悬停在每一行上，每行包含不同的拇指指甲图像..





问候



Shivanand Nagarabetta。

Hi dear friend..

gridview row on mouse over popup image?
i want to pop up thumb nail image for on mouse over gridview each row. if on mouse over each row contains different thumb nail image for each row..


Regards

Shivanand Nagarabetta.

推荐答案

您可以通过以下方式执行以下操作：

1.在鼠标悬停和放大器上注入Javascript功能;鼠标悬停在网格行中的链接。

2.使用JavaScript，当您将鼠标悬停在该行上时，显示包含所需详细信息的div（此处为图像）

3使用JavaScript，隐藏div onmouseout。





对于注入JS，你需要使用 RowDataBound 的GridView，类似于：

You can do the following by:
1. Inject Javascript function on mousehover & mouseout of the link in a grid row.
2. Using JavaScript, show a div that contains the needed details(image here) when you hover your mouseover that row
3. Using JavaScript, hide the div onmouseout.


For injecting JS, you need to use RowDataBound of GridView, something like:

protected void GridView_RowDataBound(Object sender, GridViewRowEventArgs e)
{  
   DataControlRowType rtype = e.Row.RowType;   
   if (rtype == DataControlRowType.DataRow && rtype != DataControlRowType.Footer 
       && rtype != DataControlRowType.Separator && rtype != DataControlRowType.Header 
       && rtype != DataControlRowType.Pager)   
   {  
      // Show div    
      // Add parameters of image as per need. may be image location passed
      e.Row.Attributes.Add("onmouseover", "ShowDiv(this);");
      //Hide div
      e.Row.Attributes.Add("onmouseover", "HideDiv(this);");
   }
}

显示网格单元格的div onmouseover 事件，

隐藏网格单元格中的div onmoustout 事件。



试试！

Show the div onmouseover event of the grid cell, and
Hide the div onmoustout event of the grid cell.

Try!

我给你一个链接我想它会解决你的问题



显示/存储和检索图像数据从数据库到网格视图，以及鼠标悬停在其上 [ ^ ]

i give you a one link i think it will solve your problem

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

plz你可以发送java脚本和css ..



温馨的问候



Shivanand Nagarabetta。

plz can u send the java script and css..

Warm Regard

Shivanand Nagarabetta.

这篇关于鼠标弹出图像上的gridview行？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！