This is a migrated thread and some comments may be shown as answers.

How to change image url inside rad girdview in client side on row click

0 Answers 121 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Aravind
Top achievements
Rank 2
Iron
Iron
Iron
Aravind asked on 22 Apr 2016, 08:51 AM

Hi

  I am using rad grid view with template column,inside template column i add asp image control ,by default in design time it bind the one image,when user click the row,i need to change image url ,so in client side itself it change image.

This is rad grid design code
        <telerik:RadGrid ID="ResultGrid" AllowPaging="true" PageSize="75" AllowSorting="true"
                                AllowFilteringByColumn="true" AllowMultiRowSelection="true" AutoGenerateColumns="false"
                                ClientSettings-Resizing-AllowColumnResize="true" ClientSettings-ClientEvents-OnRowContextMenu="ResultGrid_OnRowContextMenu"
                                runat="server">
                                <PagerStyle Visible="false" />
                                <MasterTableView AllowAutomaticUpdates="true" ClientDataKeyNames="Database">
                                    <Columns>
                                                                              
                                        <telerik:GridBoundColumn ReadOnly="true" ItemStyle-CssClass="GridCellSpace" HeaderText="Database"
                                            UniqueName="Database" DataField="Database">
                                        </telerik:GridBoundColumn>
                                       

                                        <telerik:GridTemplateColumn AllowFiltering="false" HeaderStyle-Width="3%" ReadOnly="true"
                                            HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="Preview"
                                            HeaderText="Preview">
                                            
                                            <ItemTemplate>
                                                <asp:Image ID="Image2" ImageUrl= "~/image/AdminImages/btn_search.png" runat="server" />
                                         
                                            </ItemTemplate>
                                            
                                        </telerik:GridTemplateColumn>
                                    </Columns>
                                    <ItemStyle HorizontalAlign="Left" />
                                    <HeaderStyle HorizontalAlign="Left" />
                                </MasterTableView>
                           
                            </telerik:RadGrid>

 

 

Here Image2 point to "~/image/AdminImages/btn_search.png",so once user click the row i need to change clicked row image url to "~/image/AdminImages/btn_got.png"  in client side itslef

Regards 

   Aravind

No answers yet. Maybe you can help?

Tags
Grid
Asked by
Aravind
Top achievements
Rank 2
Iron
Iron
Iron
Share this question
or