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

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; ...

Como pegar valor de coluna invisível do GridView

Em determinado momento nos deparamos com a seguinte situação, nossa tabela do banco de dados possui como campo chave, um ID por exemplo, incrementado por uma rotina da aplicação, do banco ou algum outro mecanismo de incremento (sequences, increment, etc), logo não há porque mostrar essa coluna para o usuário porque o mesmo não sabe de sua existência, e seu valor não tem qualquer relevância para ele, sendo assim o mais lógico a se fazer é não mostra-lá na aplicação. Seu valor é necessário já que por se tratar de uma chave primária precisaremos dela para atualizar, inserir ou excluir os dados, então o que fazer? A resposta seria simples, deixemos ele invisível, buscaremos seu valor e o usuário não perceberá, porém a partir da versão 2005 do visual Studio as colunas setadas com "visible = false" não são renderizadas, com isso ao se tentar acessar seu valor o que recebemos é nada. Para contornarmos essa situação podemos codificar o seguinte: protected void GridView1_R...

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 ...