Translate this page now :



»Programação
»Programação.NET
»Banco de Dados
»Webdesign
»Office
» Certificações Microsoft 4
»Treinamentos4
»Programação 4
»Webdesign«
»Office & User Tips«
»Grupos de Usuários
»Células Acadêmicas«
intcontpiada : 118
Icar
Você já está cadastrado e participa do grupo de usuários de sua cidade ? Se não, comente o porque.
 
 
Faça um pequeno teste com 10 questões de VB
.:.
Teste seus conhecimentos em Visual Basic, SQL Server e ASP 3.0 com nossas provas on-line
.:.
Aprimore seus conhecimentos em programação com nosso treinamento on-line de lógica de programação
.:.
Veja nosso calendário de treinamentos
Gostou da Página?
Então

para um amigo!
 





Por Dennes Torres
dennes@bufaloinfo.com.br
Dennes 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

Atlas In a Box

Pesquisa personalizada
Pesquisar Dicas:






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 !



Envie seus comentários sobre este artigo

Nome :

E-mail :

Comentários :


Avise-me quando houverem novos comentários nesta página

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
Nome : warley E-Mail :
muito bom, bacana mesmo parabens.
Nome : lL6RrMwxrKJs E-Mail : hx8l2xmea@yahoo.com
Emiley Irby - Hey Jeremy, These photos are all so beituaful we knew your work would turn out great. We can't wait to see the rest of the photographs from our wedding. Thanks for being so fun and easy to work with. We appreciate all your hard work.
Nome : 1 E-Mail : 1
1
Nome : 1 E-Mail : 1
1
Nome : 1 E-Mail : 1
1
Nome : 1 E-Mail : 1
1
Nome : 1 E-Mail : 1
1
Nome : 1 E-Mail : 1
1
Nome : -1' E-Mail : 1
1
Nome : 1 E-Mail : -1'
1
Nome : 1 E-Mail : 1
1
Nome : 1 E-Mail : 1
1
Nome : 1 E-Mail : 1
1