Download - 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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/1.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/3.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/4.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/5.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/7.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/8.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/9.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/10.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/11.jpg)
DataBinding via código1111/04/23
![Page 12: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/12.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/13.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/14.jpg)
DataBinding no template1411/04/23
![Page 15: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/15.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/16.jpg)
Chamada de funções1611/04/23
![Page 17: Controles de visualização de dados Repeater 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/17.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/18.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/19.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/20.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/21.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062312/552fc0fe497959413d8bbabd/html5/thumbnails/22.jpg)
Mais de um comando diferente em cada linhaUsar a propriedade CommandName
para diferenciar os comandos;
2211/04/23