Pular para o conteúdo principal

UpdateProgress ASP .NET (AJAX)

Uma cosia que com certeza deixa muita gente perdido e porque não dizer puto ao executar determinada rotina de um sistema e a desorientação, principalmente se for uma rotina demorada, não saber se ela terminou, se ainda esta executando ou mesmo se abortou por alguma razão é desesperador.
Hoje mostraremos como montar um esquema bem simples para indicar o progresso de uma rotina, para iniciar vamos criar um Website, colocar um botão e um label (apenas para mérito de ilustração).
Agora para fazermos o prometido vamos colocar um ScriptManager (dentro do da marca form, deve estar onde exista o runat=server):
img1
Em seguida precisamos de um UpdatePanel englobando tudo aquilo passível de uma execução demorada (no nosso caso tudo):
img2
Para finalizar o UpdateProgress, nele existirá a mensagem e uma imagem, um gif animado dando a impressão de “trabalho”:
img3
O código completo da página (dentro do form, além disso nada foi alterado):
img7
Finalizando forçaremos a espera de três segundos ao clicar no botão, para podermos ver nosso trabalho:
img4
É isso ai, tudo muito simples (com um layout bem trabalhado da um toque bem profissional), agora o resultado de nosso teste:
IMG6
Marcadores:

Comentários

  1. Susi21 de maio de 2009 às 13:05

    Oi, tudo bem?
    O motivo do meu contato não é sobre seu post, que aliás é muito legal, mas eu ainda tenho umas coisas a aprender pra poder fazer certas coisas, o motivo é que tenho seu banner no meu blog, e hoje percebi que ele sumiu, o código está lá mas a imagem "fugiu", entrei no seu blog pra pegar o código novamente e percebi q aqui também sua imagem não aparece.
    Não sei se você já percebeu isso, mas resolvi avisar.
    Se você está apenas mudando seu banner, por favor me avise quando estiver pronto, assim poderei mudar o código também no meu blog.
    Deu pra entender?
    Acho que ficou meio confuso.
    Qualquer dúvida entre em contato.
    Ah! desculpe usar o espaço de comentário, mas não consegui de outra forma.
    obrigado
    Susi - Histoblog

    ResponderExcluir
  2. Carlos:25 de maio de 2009 às 21:54

    passando para dar um oie

    ResponderExcluir
  3. Nanda Botelho26 de maio de 2009 às 11:45

    Oi Eduardo!

    Não vou comentar seu post, pois não entendi bulhufas! Sou um tanto tapada para essas tecnologias, mil desculpas!

    Vim agradecer sua visita!

    Eu fiz mesmo, mandei o e-mail, para o deputado desaforado! Depois fiquei com medo...Tenho a fantasia de que todo político é mafioso...

    Obrigada pelo voto!!!!

    Bjão!

    ResponderExcluir

Postar um comentário

Obrigado por Participar do programero, fique a vontade para agradecer, retificar, perguntar ou sugerir.

Mais visitadas

Alterar cores do PageControl (Delphi)

O padrão Windows todo cinza não é muito atraente, por isso quando nos utilizarmos do PageControl podemos alterar suas cores e fontes da seguinte maneira: Em primeiro lugar devemos alterar a propriedade OwnerDraw para TRUE ; Depois implementar seu método DrawTab da seguinte maneira: //pinta a fonte Control.Canvas.Font.Color:=clBlack; // // pinta a paleta / aba Control.Canvas.brush.Color:=clSkyBlue; PageControl1.Canvas.Rectangle(Rect); Control.Canvas.TextOut(Rect.left+5,Rect.top+3,PageControl1.Pages[tabindex].Caption); // pinta a parte interna (tabsheet) PageControl1.Pages[TabIndex].brush.Color := Control.Canvas.brush.Color; PageControl1.Pages[TabIndex].Repaint; Caso a intenção seja manter cada aba com seu próprio estilo basta adicionar um CASE filtrando o índice das abas: case TabIndex of   0: Control.Canvas.Font.Color:=clBlack;   1: Control.Canvas.Font.Color:=clWindow; ...
2 comentários
Leia mais

Limpando objetos dinamicamente (Delphi)

  Muitas vezes nos deparamos com situações onde devemos remover o conteúdo de determinados objetos, como por exemplo Edits ou mesmo Labels e dependendo da complexidade da tela setar manualmente cada campo pode ser trabalhoso.Sendo assim mostraremos hoje como montar um esquema automático e genérico para esse caso:   procedure TForm1.Button1Click(Sender: TObject);  procedure LimparEdits(AControl: TComponent); var    vLoop: Integer; begin     { ComponentCount retorna a qtde de componentes que o parent é o AControl, ou seja, somente os componentes que     estão ligados a ele }     for vLoop := 0 to AControl.ComponentCount-1 do      begin                                         ...
7 comentários
Leia mais

Como pegar valor de coluna invisível do GridView

Em determinado momento nos deparamos com a seguinte situação, nossa tabela do banco de dados possui como campo chave, um ID por exemplo, incrementado por uma rotina da aplicação, do banco ou algum outro mecanismo de incremento (sequences, increment, etc), logo não há porque mostrar essa coluna para o usuário porque o mesmo não sabe de sua existência, e seu valor não tem qualquer relevância para ele, sendo assim o mais lógico a se fazer é não mostra-lá na aplicação. Seu valor é necessário já que por se tratar de uma chave primária precisaremos dela para atualizar, inserir ou excluir os dados, então o que fazer? A resposta seria simples, deixemos ele invisível, buscaremos seu valor e o usuário não perceberá, porém a partir da versão 2005 do visual Studio as colunas setadas com "visible = false" não são renderizadas, com isso ao se tentar acessar seu valor o que recebemos é nada. Para contornarmos essa situação podemos codificar o seguinte: protected void GridView1_R...
25 comentários
Leia mais