Usando el Code-Behind

En el apartado anterior hemos visto cï¿½mo aï¿½adir controles de servidor a un Web Form y el cï¿½digo HTML que se genera, ahora vamos a ver el cï¿½digo C# que hay "detrï¿½s" de esos controles.

Para ello pulsaremos F7 y veremos el cï¿½digo C# que lleva esta pï¿½gina, que es el siguiente:

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace WebEstiloEjemplos.ejem01
{
   /// <summary>
   /// Summary description for Ejemplo01.
   /// </summary>
   public class Ejemplo01 : System.Web.UI.Page
   {
      protected System.Web.UI.WebControls.TextBox txtNombre;
      protected System.Web.UI.WebControls.Label lblNombre;
      protected System.Web.UI.WebControls.Button btnEnviar;

      private void Page_Load(object sender, System.EventArgs e)
      {
         // Put user code to initialize the page here
      }

      #region Web Form Designer generated code
      override protected void OnInit(EventArgs e)
      {
         //
         // CODEGEN: This call is required by the ASP.NET Web Form Designer.
         //
         InitializeComponent();
         base.OnInit(e);
      }

      /// <summary>
      /// Required method for Designer support - do not modify
      /// the contents of this method with the code editor.
      /// </summary>
      private void InitializeComponent()
      {
         this.Load += new System.EventHandler(this.Page_Load);
      }
      #endregion
   }
}

Vamos a explicar un poco la estructura de este fichero de cï¿½digo C#.

Primero vemos que hay una secciï¿½n "using" en la que se especifican quï¿½ espacios de nombre vamos a usar en este fichero. Los espacios de nombre sirven para agrupar clases, las cuales tiene normalmente funcionalidades comunes. Asï¿½ por ejemplo, hemos incluido el espacio de nombres System.Web.UI.WebControls para trabajar con controles web de servidor. Este espacio de nombres (namespace) contiene todas las clases relacionadas con los controles de servidor.

Seguidamente pasamos a especificar en quï¿½ espacio de nombres estarï¿½ la clase que vamos a definir, todas las clases deben pertenecer a un espacio de nombres. En este caso indicamos que el espacio de nombres (namespace) en el que se incluirï¿½ nuestra clase es WebEstiloEjemplos.ejem01.

A continuaciï¿½n definimos la clase que se asociarï¿½ con la pï¿½gina web, la clase que manejarï¿½ todo el funcionamiento de la pï¿½gina web Ejem01.apsx.
La clase se llama Ejemplo01 y como pertenece al espacio de nombres WebEstiloEjemplos.ejem01, su nombre real es WebEstiloEjemplos.ejem01.Ejemplo01, si os dais cuenta coincide con el atributo Inherits de la pï¿½gina Ejemplo01.aspx que se encuentra en la cabecera de dicha pï¿½gina, de esta forma es cï¿½mo se enlaza la pï¿½gina aspx con la clase de cï¿½digo C# que se ejecutarï¿½.

Una vez dentro de la clase, definimos los atributos que contiene, en este caso son 3 correspondientes a los 3 controles de servidor que hemos arrastrado antes desde la barra de herramientas. Una caja de texto (TextBox) llamada txtNombre, una etiqueta (Label) llamada lblNombre y un botï¿½n (Button) llamado btnEnviar.

Luego hay un mï¿½todo que se llama Page_Load() que se ejecuta cuando se carga la pï¿½gina y que por ahora estï¿½ vacï¿½o.

Y para finalizar hay una regiï¿½n de cï¿½digo que la genera el diseï¿½ador de Visual Studio .NET que de momento no vamos a entrar a comentar y que es mejor, como advierte, que no toquemos.

Aï¿½adiendo Controles de Servidor

Aï¿½adiendo eventos a los controles

Comparte

Manual ASPNET

Primeros pasos
    - Introducciï¿½n al .NET Framework
    - Vista general de ASP.NET
    - Visual Studio .NET
    - Instalaciï¿½n ASP.NET

Crear el primer .aspx
    - Creando un Web Form
    - Controles de servidor
    - Usando el Code-Behind
    - Eventos a los controles
    - Eventos de pï¿½gina

Prï¿½ximamente...

Controles de servidor
    - TextBox
    - Button
    - LinkButton
    - ImageButton
    - HyperLink
    - DropDownList
    - ListBox
    - CheckBox, CheckBoxList
    - RadioButton, RadioButtonList
    - Image

Y mucho mï¿½s...