Java Script: Trabalhando com Caixas de Mensagem no ASP.NET

Postado por Daniel Garcia às 16:15 DOMINGO, 19 DE JULHO DE 2009

No desenvolvimentos de aplicações é comum trabalharmos com "Caixas de Mensagens" (Message Boxes), porém em aplicações web este recurso está limitado aos componentes que o navegador pode suportar. 

No post Executando Java Script em Tempo de Execução com ASP.NET demonstrei como executar uma função Java Script em tempo de execução com ASP.NET. Utilizei a função "alert", para exibir uma caixa de mensagem durante a execução de um evento.

No entanto existem outras formas de se trabalhar com caixas de mensagem no ASP.NET. Veremos neste post como utilizar as funções "alert" e "confim" do Java Script para exibir caixas de mensagens a partir do click de um botão. Sem que seja executado a postagem da página.

Criarei um exemplo bem simples para fazer essa demonstração.

1 - Em um webform, adicione dois buttons, que chamaremos de "btnAlerta" e "btnConfirma".


Botões "btnAlerta" e "btnConfima"

Veja o código do Webform:

<body>
     <form id="form1" runat="server">
     <div>
          <asp:Button ID="btnAlerta" runat="server" Text="Alerta" Width="80px" />
          <br />
          <br />
          <asp:Button ID="btnConfirma" runat="server" Text="Confirma" Width="80px" />
     </div>
     </form>
</
body>

2 - Agora criaremos o código que atribuirá à chamada das funções "alert" e "confirm" do Java Script aos botões "btnAlerta" e "btnConfirma".

protected void Page_Load(object sender, EventArgs e)
{
     if (!Page.IsPostBack)
     {
          btnAlerta.Attributes.Add(
"onclick", "alert('Funcionou!');");
          btnConfirma.Attributes.Add(
"onclick", "return confirm('Confirma?');"); 
      }
}

Repare que utilizei o return na função confirm. Isso porque ela retorna um valor booleano. Se clicarmos em "Ok" retornará "true" e página será postada. Se clicarmos em "Cancelar" retornará "false" e não ocorerá a postagem.

O "confirm" é muito útil em situações onde precisamos da confirmação do usuário para executar uma operação. Como por exemplo: A exclusão de um item.

3 - Execute o projeto.

Quando clicar no botão Alerta a seguinte mensagem será exibida:


Resultado da execução da função "alert"

Quando clicar no botão Confirma a seguinte mensagem será exibida:


Resultado da execução da função "confirm"

Espero que está dica seja de grande utilidade. Até a próxima e bons códigos! 

3.7 ponto(s). Avaliado por 3 pessoas

  • Currently 3,666667/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5

Tags: ,

ASP.NET | Java Script

Comentar


(Vai mostrar seu Gravatar)  

  Country flag

biuquote
  • Comentário
  • Pré-visualização
Loading



Sobre o Autor

Daniel Garcia - MCP, MCTS, MCPD
Meu nome é Daniel Garcia, venho atuando no mercado de tecnologia há mais de uma década. Durante esse tempo tive a oportunidade de trabalhar com diversas tecnologias, principalmente Microsoft. Conquistei os títulos: MCP, MCTS, MCDP e MCT. Desde então, venho contribuindo com toda a Comunidade, divulgando meu conhecimento das tecnologias Microsoft.