如何在gridview的动态单元格上显示onhover图像 [英] how to display onhover image on dynamic cells of gridview

问题描述

我有动态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屋！