imagen en grid view

[Karen30]

Hola a todos, espero puedan ayudarme, estoy desarrollando una pagina en asp y vb, con una base de datos en sql 2000, el problema que tengo es que es una página de inventarios y en un gridview, donde hago una consulta a la base de datos, tengo que poner el la última columna una imagen de un círculo, como si fuera un semáforo, dependiendo del valor en una de las columnas anterioires, la imágen es amarilla, roja o verde. No se si haya forma de lograr esto, muchas gracias de antemano!!

[superookie]

Claro que es posible, en el evento RowDataBound de tu gridview harías algo como esto (el codigo que te doy es en c# pero aplica de igual manera el vb):

Código:

GridViewRow row = e.Row;
Image img = e.Row.FindControl("ImgSemaforo") as Image;
 if (row.RowIndex > -1)
    {
        img.ImageUrl = "~/ColorVerde.png"; //Aqui asignas la imagen dependiendo de lo que necesitas
    }

Asi quedaria en html de tu gridview:

Código HTML:

 <asp:GridView ID="TuGridView" runat="server" AutoGenerateColumns="False">
                        <Columns>   
                            <asp:TemplateField HeaderText="Semaforo">
                                <ItemTemplate>
                                    <asp:Image ID="ImgSemaforo" runat="server" CausesValidation="False" ></asp:Image>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>  
     </asp:GridView> 

Saludos!

[Karen30]

Hola muchas gracias por la respuesta, lo he probado y me funciona al poner la imágen, ahora el problema que tengo es que quiero modificar la imágen de pendiendo de un valor, osea que la imagen es diferente en cada fila. Y la imágen se toma solo del primer valor, y a toda la columna se le pone la misma imágen. Por ejemplo este es mi código de prueba y por ejemplo en mi código en vb, el valor de la variable valor, cambia pero la imagen no. Muchas gracias!!

Código vb:

Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView1.RowDataBound
 
        Dim valor = 3
        Dim row As GridViewRow = e.Row
        Dim img As Image = e.Row.FindControl("ImgSemaforo")
        If row.RowIndex > -1 Then
            If valor = 5 Then
                valor = 4
                img.ImageUrl = "imagenes/amarillo.jpg"
            End If
            If valor = 4 Then
                valor = 3
                img.ImageUrl = "imagenes/rojo.jpg"
            End If
            If valor = 3 Then
                valor = 5
                img.ImageUrl = "imagenes/verde.jpg"
            End If
 
        End If
    End Sub
 

[jaullo]

Eso paso por la forma en la que estas tratando de asignar la imagen, por ejemplo:
Luego de que haces esto:

If row.RowIndex > -1 Then

Deberias volver a buscar la columna que contiene el valor que quieres comparar, en otras palabras debes volver a realizar esto:
Dim valor As label = e.Row.FindControl("lblvalor") pero para la columna que posee el valor
luego entonces si podrias realizar la comparacion
If valor = 5 Then
imagen
else if valor=3 then
imagen
end if

Y asi sucesivamente

[superookie]

Hola Karen30, mira, lo que sucede es que el evento RowDataBound, se ejecuta 1 vez por cada fila de tu origen de datos, entonces no debes inicializar tu variable Dim valor = 3 dentro del evnto RowDataBound.
Otra detalle, por lo que veo siempre te esta poniendo la imagen verde, ¿cierto?, utiliza If Else.

Saludos!

[Karen30]

Muchisimas gracias ahora si me cambian la imágen, ahora otra dudita el código que puse anteriormente era de prueba y manipulaba los valores colocandole un valor en el código, pero realmente lo que quiero es que la imágen se modifique dependiendo de un valor que esta en el mismo grid

VALOR IMÁGEN
4 ROJO
5 AMARILLO
3 VERDE
5 AMARILLO

Cómo puedo tomar el valor de un campo de un grid???
Muchisimas gracias me han sido de gran ayuda!!!

[superookie]

Hola de nuevo Karen30, mira eso lo puedes resolver de la siguiente manera:

Código:

If row.Cells[0].Text = "4" Then
    '... aqui asignas el valor
End If

Obvio que en row.Cells[0] lo que esta entre corchetes debe ser el indice de la columna de donde quieres obtener el valor.

Saludos!!

[jaullo]

Puedes usar lo que te acaban de comentar, o bien de esta forma que te comente:

Iniciado por jaullo

Eso paso por la forma en la que estas tratando de asignar la imagen, por ejemplo:
Luego de que haces esto:

If row.RowIndex > -1 Then

Deberias volver a buscar la columna que contiene el valor que quieres comparar, en otras palabras debes volver a realizar esto:
Dim valor As label = e.Row.FindControl("lblvalor") pero para la columna que posee el valor
luego entonces si podrias realizar la comparacion
If valor = 5 Then
imagen
else if valor=3 then
imagen
end if

Y asi sucesivamente

[vazagho]

hola que tal, tengo un problema con respecto a este tema, te explico, espero que sigas ene sto y puedas ayudarme

tengo un gridview donde meustro mis datos que provienen de una sp de mi bd

como hago para agregar una columna adicional despues de la respuesta, pero añadiendo a esas filas de la nueva columna imagenes, x ejemplo paises, ya tengo un campo donde me muestrael texto del pais, pero quiero mostrarlo en imagen, y desde luego como haria para ocultar ese campo pais y solo sea visible el nuevo campo generado con las imagenes, espero que puedas ayudarme en eso, tambien como posicionar esa nueva columna generada ya que o bien me sale como priemra columna si le pongo en false autogenerarcolum o me sale como 2 segunda columna en true, gracias espero su ayuda ya que es para un proyecto y quiero darle una mejor presentacion a una la web con respecto a eso

vazagho
[email protected]