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

Array no PL/SQL (Oracle)

Trabalhar com estruturas indexadas pode nos poupar muito trabalho, deixar o código mais limpo e reutilizável, pois bem vamos dar um exemplo de como fazer isso no PL/SQL. Criaremos um tipo table que seja capaz de armazenar nomes de uma tabela de funcionários de forma indexada, e em seguida mostraremos o que foi armazenado, segue o código: 1: declare 2: -- tipo tabela contendo apenas texto e indexado 3: type TipoNomFunc is table of varchar 2(200) index by binary_integer; 4: -- variável do nosso tipo (como nosso tipo é indexado ele funcionará como um array) 5: func TipoNomFunc; 6: -- indice para loop 7: indice number := 1; 8: -- 9: begin 10: -- 11: -- cursor para nossa tabela de funcionarios 12: for emps in ( 13: select * 14: from funcionarios 15: ) 16: loop 17: -- colocamos o nome do funcionario em nosso "vetor" 18: func(indice) := emps.nom_funcionario; 19: -- incrementamos o indice 20:...

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

Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker

Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker Neste guia, vamos criar uma aplicação básica que acessa um banco de dados PostgreSQL e realiza operações CRUD (Create, Read, Update, Delete). Vamos usar Flask e executar tudo com Docker. Sem estilos ou extras, apenas o essencial. Estrutura do Projeto crud-app/ |-- app/ | |-- app.py | |-- templates/ | | |-- index.html | | |-- edit.html |-- Dockerfile |-- requirements.txt |-- docker-compose.yml Passo 1: Dependências Crie um arquivo requirements.txt com as seguintes linhas: Flask==2.2.2 Flask-SQLAlchemy==3.0.2 psycopg2-binary==2.9.3 Werkzeug==2.2.2 Passo 2: Aplicação Flask Arquivo app/app.py : from flask import Flask, render_template, request, redirect, url_for from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) # Configuração do banco de dados app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql://user:password@db:5432/crud_db' app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False db...