Compartir a través de

Ejemplo de devolución mediante Script en el cliente

  • Artículo

En el siguiente ejemplo se crea un botón de vínculo personalizado que inicia una devolución mediante secuencia de comandos en el cliente (JScript, JavaScript). Para generar el ejemplo, vea las instrucciones en Ejemplos de control de servidor.

Para obtener un ejemplo similar a éste, pero que se derive de WebControl vea Ejemplos de procesamiento de controles de servidor.

using System;
using System.Web.UI;
using System.Collections;

namespace CustomControls {
      
      public class MyLinkButton: Control, IPostBackEventHandler{
            
            // Defines the Click event.
            //
            public event EventHandler Click;
            
            // Invokes delegates registered with the Click event.
            //
            protected virtual void OnClick(EventArgs e) {
                  
                  if (Click != null) {
                        Click(this, e);
                  }     
            }
            
            
            // Method of IPostBackEventHandler that raises change events.
            //
            public void RaisePostBackEvent(string eventArgument){
                  
                  OnClick(new EventArgs());
            }

            protected override void Render(HtmlTextWriter output) {
                  
                  output.Write("<a  id=\"" + this.UniqueID + "\" HRef=\"javascript:" + Page.GetPostBackEventReference(this) +"\">");
                  output.Write(" " + this.UniqueID + "</a>");
            }
      }    
}
[Visual Basic]
Option Explicit
Option Strict

Imports System
Imports System.Web.UI
Imports System.Collections

Namespace CustomControls
   Public Class MyLinkButton
      Inherits Control
      Implements IPostBackEventHandler
      
      ' Defines the Click event.
      '
      Public Event Click As EventHandler
      
      ' Invokes delegates registered with the Click event.
      '
      Protected Overridable Sub OnClick(e As EventArgs)
         RaiseEvent Click(Me, e)
      End Sub
      
      ' Method of IPostBackEventHandler that raises change events.
      '
      Public Sub RaisePostBackEvent(eventArgument As String) Implements IPostBackEventHandler.RaisePostBackEvent
         OnClick(New EventArgs())
      End Sub
      
      Protected Overrides Sub Render(output As HtmlTextWriter)
         output.Write(("<a  id=""" & Me.UniqueID & _
               """ HRef=""javascript:" & _
               Page.GetPostBackEventReference(Me) & """>"))
         output.Write((" " & Me.UniqueID & "</a>"))
      End Sub
   End Class
End Namespace

Utilizar el control en una página

En las siguiente página ASP.NET se utiliza el botón de vínculo personalizado que se acaba de crear en el ejemplo anterior.

<%@ Register TagPrefix="Custom" Namespace="CustomControls" Assembly = "CustomControls" %>     
            
<script language="C#" runat=server> 
   private void Button_Click(Object sender, EventArgs e) {
      TextBox.BackColor = System.Drawing.Color.LightGreen;
      TextBox.Text = "The link button caused postback.";
     }                  
</script>

<html>
<body>
   <form runat=server>                    
      Here is the custom link button.<br>
      <Custom:MyLinkButton Id = "Link"  OnClick = "Button_Click" runat=server/> 
     <br><br>
     <asp:TextBox id = "TextBox" Text = "Click the link" Width = "200"  BackColor = "Cyan" runat=server/> 
     <br>                           
   </form>                          
</body>                       
</html>                       
[Visual Basic]
<%@ Register TagPrefix="Custom" Namespace="CustomControls" Assembly = "CustomControls" %>     
            
<script language="VB" runat=server> 
   Private Sub Button_Click(sender As Object, e As EventArgs)
      TextBox.BackColor = System.Drawing.Color.LightGreen
      TextBox.Text = "The link button caused postback."
   End Sub
</script>

<html>
<body>
   <form runat=server>                    
      Here is the custom link button.<br>
      <Custom:MyLinkButton Id = "Link"  OnClick = "Button_Click" runat=server/> 
     <br><br>
     <asp:TextBox id = "TextBox" Text = "Click the link" Width = "200"  BackColor = "Cyan" runat=server/> 
     <br>                           
   </form>                          
</body>                       
</html>

Vea también

Generar secuencia de comandos en el cliente para la devolución