Conheça o DataList

Hoje em dia o desenvolvedor web precisa de vantagens no desenvolvimento de aplica√ß√Ķes como uma redu√ß√£o de c√≥digo fonte, recursos de IDE, facilidade e componentes otimizados e etc...

Elaborei este artigo para falar do DataList, componente ideal para exibir uma maior quantidade de dados a partir de um banco de dados ou qualquer outra fonte de informa√ß√Ķes, mas de uma maneira leve e de pouco c√≥digo.

Para exibição de dados o DataList define como será exibido apartir de estilos e neste podemos ter os seguinte itens.

  1. Header - primeiro estilo para cabeçalho
  2. Item - local onde iremos exibir os itens de informação
  3. AlternateItem - usado de forma intercalada com o template item
  4. EditItem - usado para editar as informa√ß√Ķes
  5. SelectedItem - usado para exibir os itens selecionados
  6. Separator - estilo entre os itens
  7. Footer - √ļltimo estilo para rodap√©

A exibição do Datalist pode ser personalizada através de algumas propriedades:

  1. RepeatLayout  = " Flow | Table " - Podemos usar Flow ou Table , indicando se os itens ser√£o exibidos em sequ√™ncia ou em uma estrutura de tabela
  2. GridLines = "None | Horizontal | Vertical | Both " - Indica se iremos exibir linhas de grade no componente de acordo com as op√ß√Ķes permitidas
  3. RepeatColumns= "N√ļmeroColunas" - Informa a quantidade de colunas que ser√£o usadas para exibir os dados.
  4. RepeatDirection = " Vertical | Horizontal " - Indica a direção na qual os dados serão preenchidos.
  5. ShowHeader = " False | True " - indica se o template cabeçalho será exibido.
  6. ShowFooter = " False | True " - indica se o template rodapé será exibido.
  7. DataSource = "<% express√£o databinding %> - Indica a fonte de dados
  8. OnCancelCommand = "OnCancelCommandMethod" - habilita o comando para cancelar a operação.
  9. OnDeletelCommand = "OnDeleteCommandMethod" - habilita o comando para deletar dados.
  10. OnEditCommand = "OnEditCommandMethod" - habilita o comando para editar dados.
  11. OnUpdateCommand = "OnUpdateCommandMethod" - habilita o comando para atualizar dados.

Para salvar um valor de um campo em um estilo sobre um registro em uma das se√ß√Ķes como SelectedItem, AlternatingItem, EditItem ou Item devemos usar o DataBinder.Eval.

Para exibir basta inserir a sintaxe como um Container.DataItem:

DataBinder.Eval(Container.DataItem, "Campo")

Para exibir campo de um registro do Banco iremos fazer assim:

<%# DataBinder.Eval(Container.DataItem, "NomeDoProduto") %>

 

Em breve iremos utilizar muito o Datalist.

E para todos que leiam meu artigo, aguarde, novidades viram por ai!!