如何在gridview的动态单元格上显示onhover图像 [英] how to display onhover image on dynamic cells of gridview
本文介绍了如何在gridview的动态单元格上显示onhover图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有动态gridview,在gridview行单元格[3]我有超链接按钮..
鼠标悬停超链接按钮我需要显示图像。
这是我的代码。
I have dynamic gridview,On gridview row cells[3] I have hyperink button ..
On mouse over of hyper link button I need to display image.
this is my code.
<protected void="" gridviewroweventargs="" mode="hold" /> {
try
{
switch (e.Row.RowType)
{
case DataControlRowType.Header:
//...
break;
case DataControlRowType.DataRow:
e.Row.Cells[3].Attributes.Add("onmouseover", "showImage()");
e.Row.Cells[3].Attributes.Add("onmouseout", "hideImage()");
HyperLink lnkbtn = new HyperLink();
lnkbtn.Text = "view";
e.Row.Cells[3].Controls.Add(lnkbtn);
//e.Row.Cells[3].Style
lnkbtn.NavigateUrl = @"Credtional\editcustomer.aspx";
e.Row.Attributes.Add("onclick", Page.ClientScript.GetPostBackEventReference(gvCustomers, "Select$" + e.Row.RowIndex.ToString()));
break;
}
}
catch (Exception ex)
{
}
}
我的aspx代码
My aspx code
<script type="text/javascript">
function showImage() {
document.getElementById("image").style.display = "inline";
document.getElementById("image").src = 'images/Qtrimage1.png';
}
function hideImage() {
document.getElementById("image").style.display = "none";
document.getElementById("image").src = 'images/Qtrimage2.png';
}
</script>
<asp:gridview id="gvCustomers"
onrowdatabound="gvCustomers_RowDataBound" AutoGenerateColumns="true"
runat="server" onselectedindexchanged="gvCustomers_SelectedIndexChanged">
<img src="images/Qtrimage.png" id="image" alt="" width="30px" height="30px" style="display:none;"/>
但我不能实现它。亲切地帮助我。
But i am not able to achieve it.Kindly help me out.
推荐答案
+ e.Row.RowIndex.ToString()));
break ;
}
}
catch (例外情况)
{
}
}
" + e.Row.RowIndex.ToString())); break; } } catch (Exception ex) { } }
我的aspx代码
My aspx code
<script type="text/javascript">
function showImage() {
document.getElementById("image").style.display = "inline";
document.getElementById("image").src = 'images/Qtrimage1.png';
}
function hideImage() {
document.getElementById("image").style.display = "none";
document.getElementById("image").src = 'images/Qtrimage2.png';
}
</script>
<asp:gridview id="gvCustomers"
onrowdatabound="gvCustomers_RowDataBound" AutoGenerateColumns="true"
runat="server" onselectedindexchanged="gvCustomers_SelectedIndexChanged">
<img src="images/Qtrimage.png" id="image" alt="" width="30px" height="30px" style="display:none;"/>
但我不能实现它。亲切地帮助我。
But i am not able to achieve it.Kindly help me out.
这篇关于如何在gridview的动态单元格上显示onhover图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文