How to change HREF column image source at run time.

[gc_0620]

Folks,

I am using RAD Control from ASP.Net Ajax Q3 2010 with Vstudio 2008 SP1.

In my project, I am using similar to Window / Using the URL for Server Arguments.

I would like to see depending on the value of Country, the HREF image should show approprite Image file. For example after Grid Databound,  if the the Databound column Country value  = "France" then for that row my Href column image src be = "Images/FranceData.png". if the Databound column Country value  = "Germany" then for that row  my Href column image src be ="Images/GermanyData.png".

Ofcourse in my Images folder both FranceData.png and GermanyData.png  exists. Below is my Gridview declarations.

Thanks

GC_0620

<asp:GridView ID="GridView1" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"
CellPadding="0" GridLines="None" CellSpacing="0" runat="server" CssClass="RadGridLike">
<HeaderStyle CssClass="GridHeader"></HeaderStyle>
<Columns>
<asp:BoundField DataField="CompanyName" HeaderText="Company Name" />
<asp:BoundField DataField="Country" HeaderText="Country" />

<asp:TemplateField HeaderText="Details">
<ItemTemplate>

<a href="#" onclick="openRadWindow('<%#DataBinder.Eval(Container.DataItem,"CustomerID")%>'); return false;">
<img style="border:0px;vertical-align:middle;" alt="" src="Images/FranceData.png" /></a>

</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
ProviderName="System.Data.SqlClient" SelectCommand="SELECT TOP 10 [CompanyName], [CustomerID], [ContactName], [Country] FROM [Customers]">
</asp:SqlDataSource>

[Marin]

Hi,

You can construct the src attribute of the image by binding it to the data from the Country field. Here is a code snippet (assuming all the images names end with Data.png):

<img style="border:0px;vertical-align:middle;" alt="" src="Images/<%#DataBinder.Eval(Container.DataItem,"Country")%>Data.png" /></a>

Let me know how this works for you and if have any other questions.

Regards,
Marin
the Telerik team