Uso y manejo de controles genéricos

El desarrollo de una aplicación web en Visual Studio es muy similar a la de una herramienta de desarrollo de aplicaciones de escritorio, ya que con esto no debería pasar mucho tiempo escribir código complejo que se genera automáticamente en lugar de utilizar herramientas visuales. Para aprender a utilizar Visual Studio lo mejor es desarrollar una página web simple que utiliza controles de servidor.

Así que empezamos a Visual Studio y cree un nuevo proyecto de sitio Web de tipo. Hacemos clic en la ventana del Explorador de soluciones, haga clic en el proyecto recién creado y seleccione Agregar -> Nuevo elemento. En el cuadro de diálogo que se abre, seleccione formulario Web Default.aspx y denominiamolo. Ahora haga clic en la pestaña Diseño, y estamos dispuestos a trabajar en nuestra

Visual Studio genera automáticamente el código ASP.NET en la página. Si hacemos clic en la pestaña de dividir el diseñador se divide en dos partes: la inferior es una representación gráfica de la página, mientras que el superior es el correspondiente código de ASP.NET. Si se incluyen una condena en el gráfico, veremos que Visual Studio lugar simultáneamente en el código de ASP.NET

Para cambiar el formato del texto es necesario actuar sobre las propiedades de la página. Se selecciona el texto, haga clic en el botón derecho sobre él y seleccione las propiedades del elemento. En la ventana Propiedades, seleccione la parte de voz y haga clic en el botón Estilo con tres puntos (puntos suspensivos). Esto abre el cuadro de diálogo Modificar estilo, a través del cual podemos establecer diferentes propiedades

Elegimos una fuente que nos gusta y su tamaño, la altura y haga clic en Aceptar

Observamos una vez más, como Visual Studio traduce el código de la configuración que hemos hecho

Ahora arrastra una etiqueta en nuestra página de la ventana Cuadro de herramientas

En la ventana Propiedades de la etiqueta en la propiedad Text escribe acaba de insertar "algo escribir" la frase. Vamos a ver de inmediato que tanto la página y ver los archivos aspx se actualizan

Está claro que "se puede personalizar la apariencia de la etiqueta a través del cuadro de diálogo Propiedades de una manera similar a lo que se hizo en el formulario de la web.

Vamos a añadir un cuadro de texto junto a la etiqueta y una lista desplegable en

Hacemos clic en el menú Edición en el DropDownListTasks elementos y se abrirá una ventana en la que insertar los valores que el control será presentar a los usuarios

cada elemento puede estar asociada con un texto (que se mostrará durante la ejecución) y un valor correspondiente.

Por último añadir un botón a nuestra página

Hacemos doble clic en el botón y vamos a ver en el archivo de Default.aspx.cs generará el evento Click correspondiente

Si en lugar de mirar el código ASP.NET Visual Studio genera como resultado de nuestras operaciones, el posicionamiento de los controles que debería ver algo como

que hizo que todas nuestras operaciones se han traducido en código gráfico.

Si en el último paso que queremos poner a prueba su evento clic del botón insertar el siguiente código en él

Si partimos de la aplicación ahora, insertamos 'ABCDEF' el texto en el cuadro de texto, seleccione el elemento 'Tres' en la lista desplegable y haga clic en el botón se traducirá en los siguientes

Es evidente que la finalidad de la guía no es analizar todas las características de los controles disponibles, podría servir como una guía para esto, pero para que se imagine la facilidad con que Visual Studio permite la gestión y utilización. Para investigar el funcionamiento de los controles que se utilizan en esta lección y todos los otros controles genéricos que te invitamos a consultar el oficial de Microsoft.

• <<Lección anterior
• Índice de la ayuda
• Lección siguiente>>