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.
- Header - primeiro estilo para cabeçalho
- Item - local onde iremos exibir os itens de informação
- AlternateItem - usado de forma intercalada com o template item
- EditItem - usado para editar as informações
- SelectedItem - usado para exibir os itens selecionados
- Separator - estilo entre os itens
- Footer - último estilo para rodapé
A exibição do Datalist pode ser personalizada através de algumas propriedades:
- RepeatLayout = " Flow | Table " - Podemos usar Flow ou Table , indicando se os itens serão exibidos em sequência ou em uma estrutura de tabela
- GridLines = "None | Horizontal | Vertical | Both " - Indica se iremos exibir linhas de grade no componente de acordo com as opções permitidas
- RepeatColumns= "NúmeroColunas" - Informa a quantidade de colunas que serão usadas para exibir os dados.
- RepeatDirection = " Vertical | Horizontal " - Indica a direção na qual os dados serão preenchidos.
- ShowHeader = " False | True " - indica se o template cabeçalho será exibido.
- ShowFooter = " False | True " - indica se o template rodapé será exibido.
- DataSource = "<% expressão databinding %> - Indica a fonte de dados
- OnCancelCommand = "OnCancelCommandMethod" - habilita o comando para cancelar a operação.
- OnDeletelCommand = "OnDeleteCommandMethod" - habilita o comando para deletar dados.
- OnEditCommand = "OnEditCommandMethod" - habilita o comando para editar dados.
- 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!!