intercambiar estilos o clases entre renglones de un datagrid

[Emerald]

hola!

Tengo el siguiente DataGrid:

Código:

<asp:datagrid id="dgNoticias" runat="server" PageSize="20" AllowPaging="True" ShowHeader="False" AutoGenerateColumns="False" BorderStyle="None" GridLines="None" CssClass="UH">
     <Columns>
          <asp:TemplateColumn>
               <ItemTemplate>
                    <div class="uhEven">
                         <div id="hora"><b>
                              <asp:Label ID="Label1" Text ='<%# DataBinder.Eval(Container, "DataItem.horaalta") %>' runat="server"></asp:Label>
                        </b></div>
                        <asp:HyperLink ID="HyperLink1" CssClass = "lista" runat="server" NavigateUrl='<%# DataBinder.Eval(Container, "DataItem.detalle") %>'><%# DataBinder.Eval(Container, "DataItem.titulo") %></asp:HyperLink>
                    </div>
               </ItemTemplate>
               <EditItemTemplate>
                    <div class="uhOdd">
                    <div id="hora"><b>
                         <asp:Label ID="Label2" Text ='<%# DataBinder.Eval(Container, "DataItem.horaalta") %>' runat="server"></asp:Label>
                    </b></div>
                    <asp:HyperLink ID="HyperLink2" CssClass = "lista" runat="server" NavigateUrl='<%# DataBinder.Eval(Container, "DataItem.detalle") %>'><%# DataBinder.Eval(Container, "DataItem.titulo") %></asp:HyperLink>
                  </div>
                </EditItemTemplate>
            </asp:TemplateColumn>
        </Columns>
        <PagerStyle Visible="False" ></PagerStyle>
</asp:datagrid>

supuse que así puedo intercambiar la clase: <div class="uhEven"> y <div class="uhOdd"> entre un renlon y otro, pero no funciona.

qué puedo hacer para que me respete un div con una clase diferente por cada dos renglones?

Gracias!

[RootK]

puedes usar el AlternatingItemTemplate...
ejemplo:

<ItemTemplate>
<div class="uhEven">
<div id="hora"><b>
<asp:Label ID="Label1" Text ='<%# DataBinder.Eval(Container, "DataItem.horaalta") %>' runat="server"></asp:Label>
</b></div>
<asp:HyperLink ID="HyperLink1" CssClass = "lista" runat="server" NavigateUrl='<%# DataBinder.Eval(Container, "DataItem.detalle") %>'><%# DataBinder.Eval(Container, "DataItem.titulo") %></asp:HyperLink>
</div>
</ItemTemplate>
<AlternatingItemTemplate>
<div class="otroDiv">
<div id="hora"><b>
<asp:Label ID="Label1" Text ='<%# DataBinder.Eval(Container, "DataItem.horaalta") %>' runat="server"></asp:Label>
</b></div>
<asp:HyperLink ID="HyperLink1" CssClass = "lista" runat="server" NavigateUrl='<%# DataBinder.Eval(Container, "DataItem.detalle") %>'><%# DataBinder.Eval(Container, "DataItem.titulo") %></asp:HyperLink>
</div>
</AlternatingItemTemplate>

Espero te sirva.

Salu2

[Emerald]

Gracias por la respuesta, pero en el datagrid no me aparece la opción de agregar un <AlternatingItemTemplate>

=(

[RootK]

sorry, por un momento pensé que lo necesitabas para un DatagridView, en tu caso puedes crear una funcion que te regrese el dato que necesitas.

Ejemplo:

....
...
<div class='<%# GetCustomClass() %>'>
<div id="hora"><b>
<asp:Label ID="Label1" Text ='<%# DataBinder.Eval(Container, "DataItem.horaalta") %>' runat="server"></asp:Label>
</b></div>
<asp:HyperLink ID="HyperLink1" CssClass = "lista" runat="server" NavigateUrl='<%# DataBinder.Eval(Container, "DataItem.detalle") %>'><%# DataBinder.Eval(Container, "DataItem.titulo") %></asp:HyperLink>
</div>
...

en el codebehind:

Código:

private bool bln = false;
string GetCustomClass ()
{
     if (bln) {
         bln = false;
         return = "uhEven";
     }

     bln = true;
     return "otroDiv";
}

Esa sería la idea, espero que te sirva.

Salu2

[zacktagnan]

¿Se podría hacer algo parecido tanbién en un DataGrid (en C#) para mostrar una imagen referente al registro recorrido según el valor del campo en la tabla de la base de datos, y si el campo está vacío mostrar una imagen predefinida?

Yo, dentro del DataGrid, para mostrar la imagen de cada registro, hago esto:

Código:

<asp:TemplateColumn HeaderText="Cartel">
	<ItemTemplate>
		<div align="center">
		<a href="adm_modpeli.aspx?idpeli=<%# DataBinder.Eval(Container.DataItem, "peli_id")%>" title="<%# DataBinder.Eval(Container.DataItem, "peli_tit")%>"><img alt="<%# DataBinder.Eval(Container.DataItem, "peli_tit")%>" src="imags/pelis/<%# DataBinder.Eval(Container.DataItem, "peli_cartel")%>" style="border: 0; width: 64px; height: 95px"></a>
		</div>
	</ItemTemplate>
</asp:TemplateColumn>

Lo que quiero, como ya he comentado, sería mostrar una imagen [img_noexiste.jpg] por ejemplo si el campo [peli_cartel] estuviera vacío

[RootK]

Puedes hacer una función que reciba el dato, lo validas y regresas la imágen, ejemplo:

Código:

protected string GetImage (string m_image) {

        return (string.IsNullOrEmpty( m_image ) )? "" : m_image

}

y la funcion la llamas desde tu HTML quedando de ésta forma

...
...<img alt="<%# DataBinder.Eval(Container.DataItem, "peli_tit")%>" src="imags/pelis/<%# GetImage ( Convert.ToString( DataBinder.Eval(Container.DataItem, "peli_cartel"))) %>" style="border: 0; width: 64px; height: 95px">
....

Salu2

[zacktagnan]

Pues gracias RootK por la función. He logrado el resultado que quería:
mostrar una imagen por defecto, cuando el registro no tiene asignada una al campo de la tabla.

He tenido que cambiar un poco el código porque lo del IsNullOrEmpty no me sale tras string.. Así que lo he dejado de esta forma:

Código:

	protected string GetImage (string m_image) 
	{
		if(m_image == null || m_image == "")
		{
			return "sin_imag.png";
		}
		else
		{
			return m_image;
		}
	}

Gracias de nuevo.

[RootK]

Iniciado por zacktagnan

He tenido que cambiar un poco el código porque lo del IsNullOrEmpty no me sale tras string..

El IsNullOrEmpty viene a partir del framework 2.0 y al parecer tu estás trabajando con 1.1 y es válido también lo que estás haciendo.

Salu2 y que bueno que ya lo solucionaste.