Mostrar imágenes en una columna del ASPXGridview dependiendo de los datos contenidos en ella.

Para mostrar una imagen dependiendo de los datos de la columna es necesario seguir los siguientes pasos:

1. Agregar una columna al grid y modificar el DataItem Template.
2. Poner una imagen en el DataItem Template.
3. Modificar el evento Init y modificar su propiedad ImageUrl a traves del objeto "sender" basado en los valores de la columna.

NOTA: El valor de la columna es obtenido a través del método ASPxGridView.GetRowValuesByKeyValue.


Ejemplo:


  protected void imgStatus_Init(object sender, EventArgs e)
        {
            ASPxImage image = (ASPxImage)sender;
            GridViewDataItemTemplateContainer container = (GridViewDataItemTemplateContainer)image.NamingContainer;
            String value = grvHarnessItems.GetRowValuesByKeyValue(container.KeyValue, "ObjStatString").ToString();
            switch (value)
            {
                case "Saved":
                case "Loaded":
                    image.ImageUrl = "~/Content/Images/Saved.png";
                    break;
                case "Deleted":
                    image.ImageUrl = "~/Content/Images/Deleted.png";
                    break;
                default:
                    image.ImageUrl = "~/Content/Images/Changed.png";
                    break;
            }
        }