Radgrid conditional image template column

[Arnie Vargas]

Please help. I have one column in each row of my radgrid  in which i want to show an image. I am  getting values from database reading 1 or 2 for that particular column and for each of these values i want to show different images for different values. For example if i am getting 1 from database I want to show a particular image and for 2 i want to show a different image. Right now I am hardcodeing the red_circle image as I have not incorporated the database logic. So as of now when I click the imagebutton it is working as intended(it changes the image from red to green or green to red) I just need to figure out how to dynamically tell it which image to load depending on database column value of 1 or 2.
Thanks!

--aspx code

<

Columns>

 <telerik:GridBoundColumn DataField="ID" DataType="System.Int32" HeaderText="ID" ReadOnly="True" SortExpression="ID" UniqueName="ID" Visible="False">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="NAME" HeaderText="NAME" SortExpression="NAME" UniqueName="NAME">

 </telerik:GridBoundColumn>

 <telerik:GridBoundColumn DataField="TITLE" HeaderText="TITLE" SortExpression="TITLE" UniqueName="TITLE">

 </telerik:GridBoundColumn>

 <telerik:GridTemplateColumn HeaderText="STATUS" UniqueName="STATUS">

 <ItemTemplate>

 <asp:ImageButton ID="lnkStatus" runat="server" ImageUrl = "\Images\circle_red.png" CommandName="StatusChange" CommandArgument='<%# Eval("ID") %>'></asp:ImageButton>

 </ItemTemplate>

 </telerik:GridTemplateColumn>

 </Columns>

 
--.vb code

 Protected Sub gvStaff_ItemCommand(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles gvStaff.ItemCommand

 

If e.CommandName = "StatusChange" Then

If TypeOf e.Item Is GridDataItem Then

  

Dim item As GridDataItem = DirectCast(e.Item, GridDataItem)

Dim statusButton As ImageButton = DirectCast(item("STATUS").FindControl("lnkStatus"), ImageButton)

statusButton.ImageUrl = "\Images\circle_green.png"

 End If

 End If

 End Sub

 

[Jayesh Goyani]

Hello,

try with below code snippet.

ImageUrl='<%# Eval("ID") == null ? "~/images/1.gif" : "~/images/2.gif" %>'

ImageUrl='<%# Eval("ID").ToString() == "1" ? "~/images/1.gif" : "~/images/2.gif" %>'

Let me know if any concern.

Thanks,
Jayesh Goyani

[usman]

for multiple Ifs?

[Jayesh Goyani]

Hello,

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
        {
            if (e.Item is GridDataItem)
            {
                GridDataItem item = e.Item as GridDataItem;
                ImageButton lnkStatus = item.FindControl("lnkStatus") as ImageButton;
                lnkStatus.ImageUrl = "set your image here";
            }
        }

Thanks,
Jayesh Goyani

[usman]

please have a look 

http://www.telerik.com/community/forums/aspnet-ajax/grid/event-for-databinding-of-gridtemplate-column.aspx 

without if statement we get error of not using new operator for creating image button 

[Antonio Stoilkov]

Hello Usman,

I have assembled a sample project demonstrating the desired functionality. In order for the exception to be resolved a check if the item is GridDataItem is needed as it is shown in the example:

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
{
    if (e.Item is GridDataItem)
    {
        GridDataItem item = e.Item as GridDataItem;
        ImageButton up_url = item.FindControl("vote_up") as ImageButton;
        ImageButton down_url = item.FindControl("vote_down") as ImageButton;

        if (bool.Parse(item.GetDataKeyValue("liked").ToString()))
        {
            up_url.ImageUrl = "~/images/up_no";
            down_url.ImageUrl = "~/images/down_no.png";
        }
        else
        {
            up_url.ImageUrl = "~/images/up_logo.png";
            down_url.ImageUrl = "~/images/down_logo.png";
        }
    }
}

Additionally, you could go through the help article below for more in depth information on the topic of accessing controls in RadGrid.

• Accessing Cells and Rows

Kind regards,
Antonio Stoilkov
the Telerik team