Como: Responder a botão controle de servidor Web Events in cliente Script

  • Artigo

Controles de botão podem disparar tanto eventos de servidor quanto eventos de cliente.No servidor os eventos ocorrem após os postbacks, e eles são manipulados no código do lado do servidor que você escrever a página.Os eventos cliente são manipulados no script do cliente, normalmente JavaScript (ECMAScript), e eles são gerados na página que é enviada.Adicionando os eventos do lado do cliente no controle botão ASP.NET, você pode executar tarefas como exibir caixas de diálogo de confirmação antes de enviar a página, e cancelar o envio página completamente.

Para adicionar o script de cliente, que trata o evento OnClientClick, num controle botão do servidor Web

  • No controle de botão de servidor Web ASP.NET ao qual você deseja adicionar script de cliente (um controle Button, LinkButton, ou ImageButton), defina a propriedade OnClientClick como o script de cliente que você deseja executar.

    Observação:

    Se você deseja ser capaz de cancelar o envio, defina a propriedade OnClientClick como a sequência de caracteres "Return" e o nome da função.Então o script de cliente pode cancelar o envio, retornando false.

    O exemplo de código a seguir mostra como adicionar um evento de clique de script de cliente para um controle Button.

    <%@ Page Language="VB" %>
<script >
    Sub Button1_Click(ByVal sender As Object, _
        ByVal e As System.EventArgs)
        Label1.Text = "Server click handler called."
    End Sub
</script>

<body>
  <form id="form1" >
    <asp:Button ID="Button1" Runat="server"
      OnClick="Button1_Click"
      OnClientClick="return confirm('Ready to submit.')"
      Text="Test Client Click" />
    <br />
    <asp:Label ID="Label1" Runat="server" text="" />
  </form>
</body>
</html>

    <%@ Page Language="C#" %>
<script >
    void Button1_Click(Object sender, EventArgs e)
        Label1.Text = "Server click handler called.";
    End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
  <form id="form1" >
    <asp:Button ID="Button1" Runat="server"
      OnClick="Button1_Click"
      OnClientClick="return confirm('Ready to submit.')"
      Text="Test Client Click" />
    <br />
    <asp:Label ID="Label1" Runat="server" text="" />
  </form>
</body>
</html>

Consulte também

Referência

Visão Geral dos Controles do Servidor Web de Botão