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

Resumo da aula O 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.

Principais Componentes de Visualização de Dados GridView: 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;

Principais Componentes de Visualização de Dados FormView: Semelhante ao DetailsView, mas no formato de formulário de itens. Repeater: Semelhante ao DataList, mas com formato livre. 4

Principais Componentes de Visualização de Dados ListView: Listagem, inserção, edição, exclusão em formato bastante flexível, semelhante ao GridView; DataPager: Paginador para o ListView; 5

Principais Componentes de Visualização de Dados A maior parte dos componentes normais de listagem (ver aba Standard) também tem integração com banco; 6 13/1/2014

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.

Quem itera é o componente e não o programador Meu objetivo na vida é exibir os itens de uma fonte de dados

Quem itera é o componente e não o programador Seu objetivo, programador, é criar o modelo de cada item

Componentes de dados usam DataBinding Vinculação de dados; Ligação e sincronização automática entre dados e interface; Uso de linguagens declarativas; Evita estruturas de repetição /1/2014

DataBinding via código 11 13/1/2014

Principais Modelos (templates)do Repeater ItemTemplate: 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

DataBinding no template : Vincula com o campo x proveniente da fonte de dados. 13

DataBinding no template 14 13/1/2014

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.

Chamada de funções 16 13/1/2014

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

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

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; 19 13/1/2014

Passagem de parâmetros para o ItemCommand (1/2) Usar a propriedade CommandArgument; 20 13/1/2014

Passagem de parâmetros para o ItemCommand (2/2) Usar a propriedade CommandArgument; 21 13/1/2014

Mais de um comando diferente em cada linha Usar a propriedade CommandName para diferenciar os comandos; 22 13/1/2014