Changing GridTemplateColumn image button url client-side

[Jill Allison]

Hello,

I have an expandable RadGrid.  Inside the DetailTable of the grid, I have a GridTemplateColumn with an image button.

Can you tell me how to, on the OnCommand event of the image button, change the image url?  I want to do this via client-side script only.  No server-side postback.  Or if I need to do it another way (instead of using the OnCommand event), can you tell me that as well?

Thanks,
RezRaider

[Shinu]

Hello Jill,

You can change the Image url by attaching OnClientClick event for the ImageButton. Check out the following code and i hope it will help you.

ASPX:

<telerik:GridTemplateColumn>
 <ItemTemplate>
     <asp:ImageButton ID="ImageButton1" runat="server" OnClientClick="changeUrl(this); return false;" ImageUrl="~/Images/untitled.bmp" />
 </ItemTemplate>
</telerik:GridTemplateColumn>

JAVA SCRIPT:

<script type="text/javascript">
    function changeUrl(btn) {
        btn.src = "../Images/NewImage.bmp";
    }

Regards,
Shinu.

[Jill Allison]

Thank you, Shinu!  I was making it more complicating than it actually was.  :)

Rez