Controles en ASP.Net

Hoy vamos a hacer una pequeña práctica sobre el uso de controles en ASP.Net. Nuestras aplicaciones muestran datos, y, para mostrarlas, se valen de controles.
Vamos entonces a crear un nuevo proyecto en VWD, que se llame "Controles" (por poner un nombre creativo) ;)
La plantilla que vamos a seleccionar es la de "Aplicación Web Vacía" dentro de las plantillas instaladas de Visual C# para Web

Vamos a agregar entonces un nuevo elemento (un nuevo formulario web) donde vamos a comenzar a trabajar con los controles de la caja de herramientas. Al nuevo formulario le pondremos como nombre Default.Aspx. Siempre que agreguemos un formulario nuevo a nuestra solución vacía, ese será el formulario de inicio del proyecto, así que no va a hacer falta setearlo como formulario de inicio. Además, casi todas las aplicaciones web tienen default.aspx como formulario de inicio, así que menos vamos a necesitar setearlo como formulario de inicio.

En este nuevo formulario que acabamos de agregar, vamos a agregar una nueva tabla.Presionamos F7 para que nos quede el formulario en modo "Diseño", posicionamos el cursor en el "div" que está dibujado y vamos al menú "Tabla", y de allí a "Insertar Tabla". Nos aparece el siguiente cuadro de diálogo:

Nuestra tabla tiene que tener 4 filas por dos columnas, de momento. Presionamos "Aceptar" y la tabla se inserta. Tomamos ahora con el cursor el divisor de las columnas y hacemos click y deslizamos hasta dejar de 160 píxeles de ancho. Luego ponemos en las filas las palabras "Nombre", "Apellido", y "Fecha de Nacimiento" y nuestro formulario quedará así:

Bien, ahora, en los casilleros de la derecha, agregaremos algunos controles: en primer lugar, vamos a agregar un Textbox en la primer fila, y vamos a cambiar su ID por "NombreTextBox", copiamos este textbox a la fila inmediata inferior y cambiamos su ID por "ApellidoTextBox". por último vamos a agregar un DropDownList (un combo desplegable) al que vamos a poner por ID ProvinciasDropDownList. Ahora, hacemos click en el smarttag (el signo de mayor a la derecha) del ProvinciasDropDownList y hacemos click en "Editar Items"

Usando el cuadro de diálogo, vamos a agregar varias provincias, las que más simpáticas les caigan:

Para comprender como funcionan cada uno de los listitems que se agregaron, vamos a poner en el texto Seleccionar, Salta, Buenos Aires, San Luis, San Juan, Mendoza, La Pampa, Córdoba y La Rioja y en el valor, para seleccionar queda vacío, y para las provincias, la letra del código postal de la provincia, respectivamente A, B, D, J, M, L, X, y F.
Ahora, vamos a ver un problemita que tiene el framework, una pavada, pero mejor arreglarlo: vamos a pasar a la vista de diseño, y ver los listitems que se generaron a partir de este cuadro de diálogo:

Nos queda precioso: pero cuando se genera el HTML el primer listitem (que no tiene Value) nos va a generar un option HTML que va a tener el mismo valor que el texto. Una pavada, pero para evitarlo, tenemos que poner en la definición asp:listitem Value="" dentro del signo mayor y menor.
Agregamos un label debajo de la tabla, y le cambiamos el ID por "ResultadoEtiqueta". Ya sé que los nombres quedan espantosos, pero hay que seguir la convención que agarramos al principio...
Bien: vamos a dar los últimos toques: seleccionamos las dos celdas de la última fila, hacemos click derecho con el mouse sobre las celdas ya seleccionadas y seleccionamos modificar>Fusionar Celdas. Teniendo esa celda única que se fusionó, vamos al menú de formato y ponemos "Centrar" en alineación ( o en propiedades de la celda, en Align "Center".
Ahora, a esta celda nueva, agregamos un botón, y a ese botón le vamos a poner como ID "BotonEnviar", y como Texto "Enviar".
Hacemos doble click en el botón, y nos vamos a la vista de CodeBehind donde vamos a escribir el código para que se ejecute en el servidor cada vez que hagamos click en el botón del lado del cliente (los botones por default generan un postback al servidor)
Agregamos el siguiente código:

¿Qué es lo que hace este código? Le asigna al texto ResultadosEtiqueta el valor del textbox de nombre, el de apellidos y el del item seleccionado del provinciasdropdownlist, concatenándolos con un espacio para separar nombre y apellidos y la provincia a la que pertenece.
Compilamos y corremos nuestro sitio, presionando Ctrl + F5, o en su defecto Ctrl + Shift + W.
Aparece nuestra página, escribimos nuestro nombre, apellido y provincia, y presionamos el botón y Voilá! tenemos una página funcional.