Mostrar imagen basada en un valor en asp columna GridView

Question

Tengo una vista de cuadrícula y uno de los campos de la plantilla es una etiqueta de servidor de imagen asp. Quiero mostrar una imagen en esta vista de cuadrícula, pero en función del valor que obtengo en databind.

Por lo tanto, cada fila puede tener valores diferentes y, en función de estos valores, necesito mostrar diferentes imágenes. Traté de llamar a una función de JavaScript GetImage() y pasar el valor que obtengo en databind a esta función. Pero no puedo hacer que esto funcione.

<Columns> 
     <asp:TemplateField HeaderText="<%$Resources:LocalizedText,LabelStatus%>"> 
      <ItemTemplate> 
       <asp:Image ID="imgStatus" runat="server" CssClass="label" src="GetImage(<%#Eval(<%# Bind("Status_value") %>) %>)"/> 
      </ItemTemplate> 
     </asp:TemplateField> 
    </Columns> 

función Javascript -

function GetImage(value) 
{ 
    if (value == 1) 
    { 
     return "../Images/act_green.gif"; 
    } 
    else 
    { 
     return "../Images/act_red.gif"; 
    } 
} 

¿Qué estoy haciendo mal aquí? Y, ¿cómo puedo solucionarlo? Gracias

Answer 1

A menos que tenga más necesidades que no ha mencionado, no es necesario usar Javascript y también puede hacer todo en el servidor.

Cambiar la asp: etiqueta de la imagen a lo siguiente:

<asp:Image ID="imgStatus" runat="server" CssClass="label" ImageURL='<%# GetImage((int)Eval("Status_Value")) %>' /> 

En su código subyacente, coloque el siguiente:

public static string GetImage(int value) 
{ 
    if (value == 1) 
    { 
     return "../Images/act_green.gif"; 
    } 
    else 
    { 
     return "../Images/act_red.jpg"; 
    } 
} 

y ya está.

Answer 2

Su función GetImage no se ejecuta.

Ver: IMG SRC tags and JavaScript

---

código del lado del servidor puede devolver la ruta a la imagen sin necesidad de utilizar JS.