Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

22
Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula

Transcript of Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Page 1: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Controles de visualização de dadosRepeater

1º Semestre 2010 > PUCPR > BSI

Bruno C. de PaulaBruno C. de Paula

Page 2: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Resumo da aulaO objetivo de hoje é conhecer os componentes de visualização de dados disponíveis no ASP.NET;

Estes componentes permitem a prototipação rápida de interfaces com acesso a banco de dados.

Vamos trabalhar, inicialmente, com o componente Repeater. Assim, exemplificaremos o funcionamento geral dos componentes de dados.

Page 3: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Principais Componentes de Visualização de DadosGridView: Listagem,

edição, exclusão em formato tabelado horizontal;

DataList: Listagem em formato de lista;

DetailsView: Visualização, exclusão e edição de dados em formato tabelado vertical;

Page 4: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Principais Componentes de Visualização de DadosFormView:

Semelhante ao DetailsView, mas no formato de formulário de itens.

Repeater: Semelhante ao DataList, mas com formato livre.

4

Page 5: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Principais Componentes de Visualização de DadosListView: Listagem,

inserção, edição, exclusão em formato bastante flexível, semelhante ao GridView;

DataPager: Paginador para o ListView;

5

Page 6: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Principais Componentes de Visualização de DadosA maior parte dos componentes normais

de listagem (ver aba Standard) também tem integração com banco;

611/04/23

Page 7: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

O que é o componente Repeater?

É um container que permite a iteração através dos dados em uma fonte de dados.

Só permite a listagem de cada um dos itens da fonte de dados.

Page 8: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Quem itera é o

componente e não o programador

Meu objetivo na vida é exibir os itens de uma fonte de dados

Page 9: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Quem itera é o

componente e não o programador

Seu objetivo, programador, é criar o modelo de cada item

Page 10: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Componentes de dados usam DataBindingVinculação de dados;Ligação e sincronização automática

entre dados e interface;Uso de linguagens declarativas;Evita estruturas de repetição.

1011/04/23

Page 11: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

DataBinding via código1111/04/23

Page 12: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Principais Modelos (templates)do RepeaterItemTemplate: Modelo de exibição do

item;AlternatingItemTemplate: Modelo de

exibição do item (linhas alternadas);HeaderTemplete: Modelo do

cabeçalho;FooterTemplate: Modelo do rodapé;SeparatorTemplate: Modelo do

separador de itens.

12

Page 13: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

DataBinding no template

<%# Eval("x") %>:Vincula com o campo x proveniente da fonte de dados.

13

Page 14: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

DataBinding no template1411/04/23

Page 15: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Chamada de funções

1525/07/09

Qualquer função no C# pode ser chamada dentro do template;

A função pode receber como parâmetro um object e retornar um string.

Page 16: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Chamada de funções1611/04/23

Page 17: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

O template pode conter componentes de ação (1/3)Botões, links (LinkButton), imagens

(ImageButton), etc.

1711/04/23

Page 18: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

O template pode conter componentes de ação (2/3)Cuidado com as aspas!

1811/04/23

Page 19: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

O template pode conter componentes de ação (3/3)Para tratar o evento do botão

use o evento ItemCommand do Repeater;

CommandSource retorna o controle clicado;

1911/04/23

Page 20: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Passagem de parâmetros para o ItemCommand (1/2)Usar a propriedade

CommandArgument;

2011/04/23

Page 21: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Passagem de parâmetros para o ItemCommand (2/2)Usar a propriedade

CommandArgument;

2111/04/23

Page 22: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.

Mais de um comando diferente em cada linhaUsar a propriedade CommandName

para diferenciar os comandos;

2211/04/23