Pular para o conteúdo principal

ASP .NET Repeater

Com o Repeater é possível definir modelos (Templates) para as páginas tornando mais fácil a criação de layouts com interação a bases de dados, vamos a algumas definições:

  • ItemTemplate: Utilizado por elementos que devem ser construídos a cada registro de uma consulta;

  • AlternatingItemTemplate: Usado para alternância de registros, como diferencial para cores de fundo por exemplo;

  • HeaderTemplate: Usado por elementos que devem ser construídos antes dos ItemTemplate;

  • FooterTemplate: Parecido com o HeaderTemplate, mas como deu para perceber é usado depois do ItemTemplate;

  • SeparatorTemplate: São separadores utilizados entre os elementos, como quebras de linha;
Segue agora um pequeno exemplo de uso:

  • Trecho do Web Form que contém o Repeater:
....
<asp:Repeater ID="catlist" runat="server">
<HeaderTemplate>
<tr>  
<td class="imgspace">
<img src="Images/areas.
jpg" width="91" height="28" class="bigtext">  
</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>  
<td>  
<div align=center>
<asp:HyperLink class="text"  
NavigateUrl="<%# "mainframeset.aspx?CatType=" +  
DataBinder.Eval(Container.DataItem,"Sub_Category_ID")%>"
Text="<%#DataBinder.Eval(Container.DataItem, "Sub_Category_Text")%>"  
runat="server" target="mainFrame" ID="Hyperlink1" NAME="Hyperlink1"/>
<br></div>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
<tr>
<td>
</td>
</tr>
</FooterTemplate>
</asp:Repeater>  
....
O Repeater chama-se “catlist”, se utiliza de um HeaderTemplate que irá apresentar uma imagem, logo em seguida o ItemTemplate para mostrar HyperLinks (baseados nos dados da base de dados) e o FooterTemplate apenas para a consistência do modelo.

  • Agora o CodeBehind da recuperação dos dados:
private void Page_Load(object sender, System.EventArgs e)  
{  
SqlConnection conDotNet = new SqlConnection  
"Server=xxxxxxx;UID=xxxx;PWD=xxxxx;Database=DotNetGenius");  
string sSQL = "Select sub_category_id, sub_category_text  
from Sub_Category";
SqlCommand cmd = new SqlCommand(sSQL, conDotNet);  
conDotNet.Open();  
SqlDataReader dtrCat = cmd.ExecuteReader();  
catlist.DataSource = dtrCat;  
catlist.DataBind();  
}
Bom deu para perceber o que irá acontecer, onde temos “DataBinder.Eval” será utilizado o valor retornado pela coluna presente.
Com o repeater podemos customizar páginas, construir menus personalizados, apresentações de imagens enfim, ele nos possibilita uma infinidade de situações que vão depender só da criatividade do desenvolvedor.

Fonte:

Comentários

Mais visitadas

Desabilitar POST do ENTER ASP .NET

Caso não seja necessário uma atualização de página a cada vez que o usuário pressionar a tecla “ ENTER ” podemos codificar uma pequena função em javascript anulando esse comportamento, segue o código: < script language ="javascript"> function desabilitaPostDoEnter(e) {      var key;      if (window.event)           key = window.event.keyCode;  //IE      else           key = e.which;                      //firefox      if (key == 13)           return false ;      else           return true ; } </ script > Agora nos objetos que se deseja c...

Aplicação Flask usando Nginx e Gunicorn

Aplicação Flask usando Nginx e Gunicorn Se você já desenvolveu uma aplicação Flask básica, sabe que o servidor de desenvolvimento embutido não é ideal para produção. Ele não é projetado para lidar com altos volumes de tráfego ou conexões simultâneas. Para tornar sua aplicação Flask mais robusta e pronta para produção, podemos usar o Gunicorn como servidor de aplicação e o Nginx como proxy reverso. Neste artigo, vamos adaptar o exemplo anterior ( Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker ) para incluir o Nginx e o Gunicorn. O que são Nginx e Gunicorn? Gunicorn O Gunicorn (Green Unicorn) é um servidor de aplicação WSGI que roda aplicações Python como o Flask. Ele é eficiente e simples de configurar, lidando com múltiplas requisições ao mesmo tempo, algo que o servidor embutido do Flask não faz bem. Nginx O Nginx é um servidor web que atua como um proxy reverso. Ele recebe requisições HTTP e as encaminha ao Gunicorn. Além disso, o Nginx pode: Servir arquivos ...

Alterar cores do PageControl (Delphi)

O padrão Windows todo cinza não é muito atraente, por isso quando nos utilizarmos do PageControl podemos alterar suas cores e fontes da seguinte maneira: Em primeiro lugar devemos alterar a propriedade OwnerDraw para TRUE ; Depois implementar seu método DrawTab da seguinte maneira: //pinta a fonte Control.Canvas.Font.Color:=clBlack; // // pinta a paleta / aba Control.Canvas.brush.Color:=clSkyBlue; PageControl1.Canvas.Rectangle(Rect); Control.Canvas.TextOut(Rect.left+5,Rect.top+3,PageControl1.Pages[tabindex].Caption); // pinta a parte interna (tabsheet) PageControl1.Pages[TabIndex].brush.Color := Control.Canvas.brush.Color; PageControl1.Pages[TabIndex].Repaint; Caso a intenção seja manter cada aba com seu próprio estilo basta adicionar um CASE filtrando o índice das abas: case TabIndex of   0: Control.Canvas.Font.Color:=clBlack;   1: Control.Canvas.Font.Color:=clWindow; ...