CODEWITHSUNDEEP
c#asp.netgridview
Jeetendra
Jeetendra

Reputation: 205

Click event for ItemTemplate inside asp:GridView

I have a Gridview with the following markup:

<asp:GridView ID="gdvResxKeyValue" runat="server" Width="100%" >
  <Columns>     
   <asp:TemplateField>
    <ItemTemplate>                        
        <asp:Image ID="imgEditResxValue" CssClass="sfEdit" runat="server" ImageUrl="~/Administrator/Templates/Default/images/imgedit.png"  />                     
    </ItemTemplate>                              
  </asp:TemplateField>                                       
  </Columns>                                       
</asp:GridView>

I need to have a handler for the Image click event. Is there any easier way to do so?

Upvotes: 4

Views: 5878

Answers (3)

Robin Joseph
Robin Joseph

Reputation: 1325

You can use an Image Button instead of Image. Try this code.

 <asp:GridView ID="gdvResxKeyValue" runat="server" Width="100%" >
  <Columns>     
   <asp:TemplateField>
    <ItemTemplate>                        
        <asp:ImageButton ID="imgEditResxValue" CssClass="sfEdit" runat="server" ImageUrl="~/Administrator/Templates/Default/images/imgedit.png" OnClick="YourEventName"  />                     
    </ItemTemplate>                              
  </asp:TemplateField>                                       
  </Columns>                                       
</asp:GridView>

You just need to specify your server side event name here.

Upvotes: 4

Nisha
Nisha

Reputation: 1439

Use an asp button and set its style to be display:none

<asp:Image ID="imgEditResxValue" CssClass="sfEdit" runat="server" ImageUrl="~/Administrator/Templates/Default/images/imgedit.png" onclick="ClickImage(this)"  />
.......


<asp:Button ID="hiddenButton" runat="server" OnClick="hiddenButton_Click" style="display:none"></asp:Button>
<script type="text/javascript">
function ClickImage(imageControl)
{
     document.getElementById('<%=hiddenButton.ClientID%>').click();
}
</script>

This will raise the server side event of the button and you can do your work there.

Upvotes: 1

sangram parmar
sangram parmar

Reputation: 8726

Try this:

jquery Solution

<asp:Image ID="imgEditResxValue" CssClass="sfEdit" runat="server" ImageUrl="~/Administrator/Templates/Default/images/imgedit.png"  onclick="this.next().click()"/>                     
                                            <asp:LinkButton Text="text" runat="server" OnClick="call_method"/>

Upvotes: 0

Related Questions