Binding a picture to a radgrid row based on the text value inside that specific row

[Goat_]

Hi guys,

i have just started my first job and i've been thrown into the deep end and have been asked to create a C# asp.net website for this company. i have only been using telerik for 2 weeks.

I have a radgrid with a couple of columns which gets populated from a database based on a linq query. I have a status column and the status can either be "Open" or "Closed", when the data is populated into the radgrid i want a picture be be shown in a row instead of the text value "Open" / "Closed"

How would i go about doing this ?
 

Thank you in advance
 

[Princy]

Hi,

Try the following code.
c#:

void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
{
        if (e.Item is GridDataItem)
        {
            GridDataItem item = (GridDataItem)e.Item;
            if (item["Status"].Text == "Open" || item["Status"].Text == "Closed")
            {
                Image img = new Image();
                img.ImageUrl="~/Images/img.gif";
                item["Status"].Controls.Add(img);
            }
}

Thanks,
Princy

[Goat_]

The code doesn't seem to change the images, it still only has the text in the rows.

Here is an example of 2 Columns i have in my Source

<Columns>                      

<telerik:GridBoundColumn DataField="Status" UniqueName="Status" HeaderText="Status" ItemStyle-Font-Names="Calibri"

      meta:resourcekey="GridBoundColumnResource1"/>

 

            <telerik:GridTemplateColumn UniqueName="ActionColumn" HeaderText="Actions">

 <ItemTemplate>

<asp:HyperLink ID="ActionLink" Text="Action" runat="server"><img src="../Images/icons/action.png" class="images" alt="Delete"></asp:HyperLink>

</ItemTemplate>

</telerik:GridTemplateColumn>

 

</Columns>

and here is is my C# code behind

protected void grdIncidents_ItemCreated(object sender, GridItemEventArgs e)

        {

            if (e.Item is GridDataItem)

            {

                HyperLink actionLink = (HyperLink)e.Item.FindControl("ActionLink");

                actionLink.Attributes["href"] = "#";

                actionLink.Attributes["onclick"] = String.Format("return ShowActionForm('{0}','{1}');",  e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["IncidentID"], e.Item.ItemIndex);

 

            }                

        }

 
I tried adding your code into the code behind and editing my source a bit but the images don't load.

The images that are supposed to be loaded into the Status column's rows don't have to be hyperlinks,

Instead of having the following.

Status   
-------
Closed
Open
Closed

I would like those "Open" and "Closed" text values to be replaced with pictures.

[Angel Petrov]

Hello,

You can try inserting the image in the PreRender event of the grid. Following the scenario I have created a sample project to test this and it seems to work on my end. Please modify your logic accordingly and let us know of the result.

All the best,
Angel Petrov
the Telerik team

[Goat_]

Thank you that worked