Trabalhando com Repeater no ASP.Net

Olá Pessoal, como andam os grandes projetos?

Hoje irei falar um pouco do Repeater, componente ASP.Net para exibição de dados em nossas páginas. O bom deste componente é que podemos definir o layout dos dados livremente, por exemplo, podemos montar uma tabela que não usa a tag <table> mas usa apenas DIV. Facilmente, conseguimos criar esta característica com este componente.

Inicialmente irei utilizar tabelas simples para exibição de dados, mas fica a seu critério.

Mas como eu crio um Repeater?

Para adicionar um repeater em sua página, copie e cole o seguinte código:

<asp:Repeater ID="rptMeusDados" runat="server">
   <HeaderTemplate>
      <table>
      <tr>
         <th>Código</th>
         <th>Nome</th>
      </tr>
   </HeaderTemplate>
   <ItemTemplate>
     <tr>
        <td><%#DataBinder.Eval(Container.DataItem, "CODIGO")%></td>
        <td><%#DataBinder.Eval(Container.DataItem, "NOME")%></td>
     </tr>
   </ItemTemplate>
   <AlternatingItemTemplate>
     <tr style="background: #ccc">
        <td><%#DataBinder.Eval(Container.DataItem, "CODIGO")%></td>
        <td><%#DataBinder.Eval(Container.DataItem, "NOME")%></td>
     </tr>
   </AlternatingItemTemplate>
   <FooterTemplate>
      </table>
   </FooterTemplate>
</asp:Repeater>

Veja que neste código temos algumas tags interessantes:

- HeaderTemplate: define o cabeçalho de nosso Repeater.
- ItemTemplate: O template dos dados para cada linha do datatable.
- AlternatingItemTemplate: Mesmo que ItemTemplate, mas o ASP.Net irá alternar o layout desta tag com o layout do ItemTemplate.
- FooterTemplate: define o rodapé de nosso Repeater.

Pronto. Com isto já definimos o layout de nosso Repeater e quais serão as informações que ele irá exibir. Ainda neste exemplo, no CodeBehind temos um datatable com duas colunas chamadas de CODIGO e NOME. Veja:

protected void Page_Load(object sender, EventArgs e) 
{
        DataTable dtDados = new DataTable();
        dtDados.Columns.Add(new DataColumn("CODIGO", Type.GetType("System.Int32")));
        dtDados.Columns.Add(new DataColumn("NOME", Type.GetType("System.String")));

        DataRow dr = dtDados.NewRow();
        dr["CODIGO"] = 1;
        dr["NOME"] = "Emmanuel";

        dtDados.Rows.Add(dr);

        DataRow dr = dtDados.NewRow();
        dr["CODIGO"] = 2;
        dr["NOME"] = "CódigoFonte";

        dtDados.Rows.Add(dr);

        rptMeusDados.DataSource = dtDados;
        rptMeusDados.DataBind();
}

Veja que no método Page_Load de nossa página eu crio um DataTable e adiciono valores a ele, logo depois preencho o nosso Repeater com estes valores, atribuindo o DataSource e depois aplicando um DataBind.

Pronto. Vejam como é simples utilizar Repeater em nossas páginas ASP.Net. Com ele podemos fazer desde simples tabelas com exibição de dados, até um Repeater com outro Repeater dentro dele. Isto chama-se Nestead Repeater - ou Repeater hierárquico, mas vamos deixar este tema para um outro artigo.

Sucesso a todos e até a próxima.

Enviar um Artigo