在gridview中的鼠标上显示图像按钮

问题描述：

<asp:GridView ID="VisitHistoryGridView" Width="100%" BorderWidth="0" runat="server"

                                                       AutoGenerateColumns="false" CssClass="grid_body Leads_grid_border border_td border_btm_all"

                                                       />
                                                        
                                                       <Columns>
                                                           <asp:TemplateField ItemStyle-CssClass="patient_edit valign_1" SortExpression="Date"

                                                               HeaderText="Date" ItemStyle-Width="15%">
                                                               <ItemTemplate>
                                                                   <asp:Label ID="DateLabel" runat="server" Text='<%# Eval("Date") %>' onmouseover="ShowImage(this);"></asp:Label>
                                                                   <asp:ImageButton ID="EditDateImageButton" runat="server" ImageUrl="~/images/edit_small.png"

                                                                       CommandName="DateEditing" CommandArgument='<%# Eval("Patient_Visit_Id")%>' Visible="false">
                                                                   </asp:ImageButton>
                                                               </ItemTemplate>
                                                           </asp:TemplateField>

当我将鼠标悬停在DateLabel上时，我需要显示图像（EditDateIm ageButton）

任何人都可以帮助我

>

谢谢

When i mouse over on DateLabel i need to show Image(EditDateImageButton)

can any one help me

Thank you

答

一个纯粹的css解决方案是这样的：

A purely css solution would be something like this:

<style type="text/css">
    .divTest { }
    .divTest:hover .lblTest { display: none; }
    .divTest:hover .btnTest { display: inline; }
    .lblTest { display: inline; }
    .btnTest { display: none; }
</style>

<asp:GridView ID="VisitHistoryGridView" Width="100%" BorderWidth="0" runat="server" AutoGenerateColumns="false" CssClass="grid_body Leads_grid_border border_td border_btm_all" />

   <Columns>
       <asp:TemplateField ItemStyle-CssClass="patient_edit valign_1" SortExpression="Date"

           HeaderText="Date" ItemStyle-Width="15%">
           <ItemTemplate>
                <div class="divTest">
                   <asp:Label CssClass="lblTest" ID="DateLabel" runat="server" Text='<%# Eval("Date") %>' onmouseover="ShowImage(this);"></asp:Label>
                   <asp:ImageButton CssClass="btnTest" ID="EditDateImageButton" runat="server" ImageUrl="~/images/edit_small.png"

                       CommandName="DateEditing" CommandArgument='<%# Eval("Patient_Visit_Id")%>'>
                   </asp:ImageButton>
               </div>
           </ItemTemplate>
       </asp:TemplateField>

确保从ImageButton中删除Visible =False，否则它将无效。

Make sure you remove the Visible="False" from your ImageButton, otherwise it won't work.

在gridview中的鼠标上显示图像按钮

相关推荐