NUNCA MAIS PASSE RAIVA POR NÃO CONSEGUIR RESOLVER UM PROBLEMA COM O EXCEL - GARANTIDO!
UNIVERSIDADE DO VBA - Domine o VBA no Excel Criando Sistemas Completos - Passo a Passo - CLIQUE AQUI
Júlio Battisti tem mais de 50 livros publicados, centenas de e-books e é certificado Microsoft.
Olá, caros leitores...
Na semana passada havíamos aprendido a trabalhar com alguns WebControls, com objetivo de mostrar a tamanha produtividade de se desenvolver em ASP.net.
Hoje, iremos conhecer alguns novos WebControls, mas trabalharemos de forma diferente, pois, alguns serão inseridos através do próprio WebMatrix, e outros, dinamicamente através de código.
Objetivo: O Objetivo deste tutorial é mostrar a fácil renderização dos WebControls através do controle PlaceHolder, bem como a criação de controles dinamicamente , através do código.
Então, abra o WebMatrix, escolha um novo arquivo ASP.net com a linguagem VB.net
Adicione um controle do tipo RadioButtonList e instancie-o como rdTimes. Selection o controle rdTimes e na caixa de propriedades, altere a propriedade RepeatDirection para Horinzontal e a propriedade AutoPostback para True. Formate as outras opções ao seu gosto.
Eu fiz desta forma!
Logo abaixo, insira um controle do tipo Panel e instancie-o como pnTimes. Formate a cor do fundo e da borda ao seu gosto.
Dentro do Panel pnTimes, adicione um controle do tipo PlaceHolder e instancie-o como Ph. Este controle tem uma enorme importância na produtividade de uma aplicação, pois, ele permite renderizar WebControls criados dinamicamente, ou UserControls que ainda não foram inseridos na aplicação diretamente pelo WebMatrix ou outro editor.
Veja como ficou:
O que esta aplicação vai fazer??
Bem, através do controle drTimes iremos criar uma lista de RadioButtons com o nome de alguns times. Ao selecionar um time (AutoPostBack=true), o iremos criar dinamicamente, um controle do tipo Image, um controle do tipo Label e um controle do tipo Hyperlink, de forma a utilizar estes controles para exibir as informações do time selecionado.
Agradeço ao site www.globo.com por disponibilizar as imagens que utilizei, você pode utiliza-las também se quiser!
Clique na guia código e crie a seguinte rotina:
Feito isso, vamos agora carregar esta rotina no Load da página. Digite o código, como mostrado abaixo:
Vamos agora para o código mais interessante, onde criamos os controles dinâmicos e renderizamos através do controle PlaceHolder.
Digite o código abaixo:
Para acionar o evento MontaPagina, clique na guia Design, selecione o controle rdTimes, e na guia Propriedades, clique no botão Eventos e dê um duplo clique no evento SelectedIndexChaged. Digite o código como mostrado abaixo:
Ok, pressione F5 para testar a aplicação!
Ótimo, funcionou muito bem.
Agora, para aproveitar a utilização do controle Panel, vamos simular um efeito de animação através do JavaScript:
Clique na guia All, para exibir todo o código em conjunto.
O controle Panel quando é renderizado no Browser, ele se transforma em um elemento DIV. Desta forma podemos utilizar a programação do lado do cliente com o próprio identificador do Panel.
Abaixo do tag </form>, adicione o seguinte código:
Uma breve explicação sobre o código acima:
A função “mais” verifica se a variável x é menor que 500, caso seja, as propriedades largura e altura do Panel serão alteradas para um valor superior, no caso, serão iguais a x.
A função “tempo” serve apenas para incrementar a variável x e chamar a função “mais” a um intervalo de tempo determinado!
Ok pessoal, semana que vem tem mais! Estaremos finalizando esta série de WebControls.
Para dúvidas, sugestões e algo mais..... lanodecastro@hotmail.com
Lano de Castro
“Se não se pode vencer pelo talento, vença pelo esforço”
