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!!