| com exemplos em VB |
| Componente para deixar forms em Vb semelhantes às telas do winnamp |
| Componente para colocar sua aplicação VB no Systray |
| Componente para transformar sua aplicação VB em serviço |
| Ferramentas úteis para quem usa Olap Server |
 |
 |
||||||||
|
|
||||||||
|
||||||||
 |
 |
 |
 |
 |
 |
 |
||
 |
Por Dennes
Torres  dennes@bufaloinfo.com.brDennes Torres possui as certificações MCAD, MCSD,MCSE, MCDBA e MCT. Atualmente atua Como diretor da Búfalo Informática, líder do grupo de usuários DevASPNet no Rio de Janeiro e membro da liderança dos grupos getWindows e devSQL, também do Rio de Janeiro, podendo sempre ser encontrado na lista de discussão do grupo DevASPNet (devaspnet-subscribe@yahoogrupos.com.br) bem como nas reuniões do grupo. Mantém dois blogs em http://cidadaocarioca.blogspot.com e http://br.thespoke.net/blogs/dennes/default.aspx |
|
|
|
| Atlas In a Box | |
|
|
|
Para falar sobre Atlas precisamos primeiramente falar sobre Ajax. Active JavaScript and XML - AJAX - trata-se de uma técnica, um objetivo.
O objetivo do AJAX é evitar a ocorrencia de refreshs na página para a obtenção de novos dados do servidor.
O AJAX coloca este objetivo - evitar a ocorrência de refreshs na página - mas não especifica como deve ser feito. Por isso existem inúmeras técnicas para a realização de uma comunicação AJAX.
Marco Chilá, do devASPNet, iniciou uma série de artigos falando sobre técnicas de Ajax, você pode ve-los em http://www.devaspnet.com.br
Portanto, não vou entrar em detalhes sobre as diversas técnicas de Ajax, vamos direto a uma : o Atlas.
Atlas é uma biblioteca desenvolvida pela Microsoft com o objetivo de melhorar a interface dos usuários com as aplicações web, fornecendo, entre outros recursos, o Ajax. Assim, como muitos dirão, Atlas é o Ajax da Microsoft.
O Atlas fornece muitos recursos para facilitar o desenvolvimento de javascript, de forma a melhorar a interatividade com do usuário com o site. Alguns destes recursos são aplicados com extrema simplicidade, outros exigem uma maior codificação para serem aplicados. Neste artigo irei destacar uma das funcionalidades do Atlas que pode ser aplicada com um mínimo de codificação e alteração na forma de desenvolvimento que já utilizamos, dai o nome do artigo, Atlas in a Box (e é isso que vamos fazer).
Vamos fazer um passo a passo para a implementação destes recursos :
1) Baixe o Atlas em http://atlas.asp.net
2) Instale
3) Abra o Visual Studio 2005 e crie um novo site web. Entre os templates disponíveis encontrará o template do Atlas, é este que deverá utilizar.
4) Na página default.aspx, crie um sqlDataSource apontando para o banco northwind em um SQL Server, monte um select de alguns campos na tabela customers
5) Insira uma gridView e vincule-a ao sqlDataSource
6) Habilite paginação, ordenação e seleção de registros na gridView
7) Rode a aplicação e teste
8) Clique com o botão direito na Toolbox, selecione "Add Tab" e digite "Atlas" como nome da Tab na toolbox.
9) Clique com o botão direito no espaço vazio abaixo desta Tab e selecione "Choose Items"
10) Aponte para a dll Microsoft.Web.Atlas.dll que encontra-se no diretório bin desta nova aplicação. Completado este passo, diversos novos objetos irão aparecer na toolbox.
11) Insira um UpdatePanel na página
12) Corte e cole a gridview dentro do UpdatePanel
13) Utilizando a smartTag do UpdatePanel, adicione um scriptManager. Ele é necessário para o funcionamento dos webControls do Atlas.
14) Configure a propriedade EnablePartialRendering do scriptManager para true. Com isso habilitamos a renderização parcial da página, eliminando os postbacks.
15) Teste a aplicação. A gridview continua funcionando, mas o UpdatePanel intercepta todos os postBacks feitos pela grid e faz a comunicação com o servidor em background, acabando com os refreshs na página
Vamos agora fazer um exemplo um pouco diferente, com um dos objetos fora do updatePanel.
1) Insira uma nova página na aplicação
2) Insira uma combo com 4 elementos, sendo os values sequenciais de 1 a 4
3) Dê o nome de ddlLista para a combo e habilite o autoPostBack
4) Insira um label abaixo da combo
5) Implemente o seguinte código no evento SelectedIndexChanged :
49 Protected Sub ddlLista_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles ddlLista.SelectedIndexChanged
50
51
52 Select Case ddlLista.SelectedValue
53 Case 1
54 Label1.Text = 1000
55 Case 2
56 Label1.Text = 2000
57 Case 3
58 Label1.Text = 3000
59 Case 4
60 Label1.Text = 4000
61 End Select
62 End Sub
6) Teste a aplicação. Conforme você altera a combo, o valor do label é alterado, mas isso acontece com um postBack para o servidor. É este postback que vamos eliminar.
7) Insira um UpdatePanel na página
8) Mova o label para dentro do update panel
9) Utilizando a smartTag do UpdatePanel, adicione um scriptManager na página
10) Nas propriedades do Update Panel, selecione Triggers e clique nos "..."
11) Na janela que se abriu, selecione "New Trigger"
12) Nesta nova janela temos duas opções : Criar um Trigger quando uma propriedade de objeto mudar ou quando um objeto disparar um evento. Vamos escolher esta segunda.
Com o trigger estamos determinando quando o updatePanel deverá ir ao servidor para atualizar seu conteúdo.
13) Na parte inferior da janela, no texto descritivo, <control> e <event> são links. Clique e selecione ddlLista e SelectedIndexChanged, respectivamente.
14) Selecione o ScriptManager e altere a propriedade EnablePartialRendering para true.
15) Rode a aplicação. A aplicação continua funcionando, mas os postbacks sumiram. As chamadas ao servidor são realizadas em background, pelo javascript.
Você tem ainda a opção de adicionar um webControl UpdateProgress e definir a um template para a exibição do progresso, mas nesse exemplo o código é tão simples que o UpdateProgress não terá tempo para aparecer.
Para completar o que vimos, vamos agora fazer um exemplo com WebParts.
1) Crie uma nova página
2) Crie uma tabela com 3 colunas e 1 linha. (Utilize o menu Layout->Insert Table)
3) Insira um webPartManager acima da tabela.
4) Insira 3 webPartZones, uma em cada coluna
5) Faça um autoformat nas webPartZones, para melhorar a aparência
6) Crie um webUserControl e digite algo, qualquer coisa como seu conteúdo.
7) Arraste o webUserControl para dentro das webPartZones, duas vezes para cada uma. Com isso estaremos criando as webParts
8) No evento load da página, monte o código abaixo. Com isso estaremos habilitando o modo de design, que permite que as webParts sejam movimentadas através das webPartZones.
64 Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
65
66
67 WebPartManager1.DisplayMode = WebPartManager.DesignDisplayMode
68
69 End Sub
9) Teste a página. Mova as webParts. Observe que um postBack ocorre a cada movimentação.
10) Insira um UpdatePanel na página
11) Utilizando a smartTag do UpdatePanel, adicione um scriptManager
12) Configure a propriedade EnablePartialRendering do scriptManager para true
13) Corte e cole a tabela, com todo seu conteúdo, dentro do Updatepanel.
14) Teste a aplicação. Você continuará conseguindo mover as webParts, mas desta vez não haverão postBacks
Então eis o prometido : Aplicamos Atlas em uma página, entregue e aplicado em uma caixinha. Vai negar que o UpdatePanel é uma caixa ? Atlas in a Box !
Veja abaixo os comentários já enviados :
| Nome : Fabiano | E-Mail : |
| bacana | |
| Nome : Agnaldo Alves Pereira | E-Mail : agnaldo@brrfact.com.br |
| muito bom! | |
| Nome : Eduardo | E-Mail : saabarbosa@gmail.com |
| Legal este artigo de atlas. | |
| Nome : Ruan | E-Mail : ruanltbg@gmail.com |
| Para falar sobre Atlas precisamos primeiramente falar sobre Ajax. Active JavaScript and XML - AJAX hum a j a x nao seria asynchronous javaScript and xml |
|
| Nome : Fernando | E-Mail : |
| Mto bom artigo... otimo pra quem está iniciando como eu!!! Obrigado |
|
