🔥 Apps, books, system as a service, podcast and more



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

Sign up to our newsletter

Receive our latest updates about programming languages, software, database, books, ebooks, classes, jobs and more.

Top