El control del servidor web Panel proporciona un control contenedor dentro de una página web ASP.NET que puede utilizar como padre para texto estático y otros controles.
1. Antecedentes
Puede utilizar un control Panel como contenedor para otros controles. Este método es especialmente útil cuando crea contenido mediante programación y necesita una forma de insertar el contenido en la página. Las siguientes secciones describen otras formas en que puede utilizar el control del Panel.
1. Contenedor de controles generados dinámicamente.
El control Panel proporciona un contenedor conveniente para los controles creados en tiempo de ejecución.
2. Controles y marcadores de grupo
Un grupo de controles y etiquetas relacionadas se pueden administrar como una unidad colocándolos en un control del Panel y luego manipulando el control del Panel. Por ejemplo, puede ocultar o mostrar un grupo de controles en un panel configurando la propiedad Visible del panel.
3. Un formulario con botones predeterminados
Puede colocar el control TextBox y el control Button en un control Panel y luego definir un botón predeterminado estableciendo la propiedad DefaultButton del control Panel en el ID de un botón en el panel. Si el usuario presiona Enter mientras escribe en un cuadro de texto dentro del panel, esto tiene el mismo efecto que si el usuario hiciera clic en un botón predeterminado específico. Esto ayuda a los usuarios a trabajar con formularios de proyectos de manera más eficiente.
4. Agregue barras de desplazamiento a otros controles.
Algunos controles (como el control TreeView) no tienen barras de desplazamiento integradas. Puede agregar un comportamiento de desplazamiento colocando un control de barra de desplazamiento dentro de un control del Panel. Para agregar barras de desplazamiento a un control Panel, establezca las propiedades Alto y Ancho, restrinja el control Panel a un tamaño específico y luego establezca la propiedad Barras de desplazamiento.
4. Áreas personalizadas en la página.
Puede utilizar el control Panel para crear áreas en la página con apariencia y comportamiento personalizados, de la siguiente manera:
·Crear un cuadro de grupo con un título: puede configurar la propiedad GroupingText para mostrar el título. Cuando se representa la página, aparece un cuadro que contiene un título alrededor del control del Panel, siendo el título el texto que usted especifica.
Nota: No puede especificar barras de desplazamiento y texto agrupado al mismo tiempo en el control Panel. Si se establece texto agrupado, su prioridad es mayor que la barra de desplazamiento.
·Crear áreas en la página con colores personalizados u otras apariencias: el control Panel admite propiedades de apariencia (como BackColor y BorderWidth), que se pueden configurar para crear una apariencia única para un área de la página.
Descripción: Establecer la propiedad GroupingText generará automáticamente un borde alrededor del control Panel.
2. Cómo: Agregar un control Panel a una página de Formularios web
1. En la vista "Diseño", desde la pestaña "Estándar" de la caja de herramientas, arrastre el control Panel a la página.
2. Para crear texto estático, haga clic en el control y luego escriba el texto. Para agregar controles, arrástrelos desde la Caja de herramientas al control Panel.
Nota: Para agregar texto estático a un control Panel en tiempo de ejecución, debe crear un control Literal y establecer su propiedad Texto. Luego, los objetos literales se pueden agregar al panel mediante programación de la misma manera que cualquier control. Para obtener más información sobre cómo agregar controles, consulte Cómo: agregar controles mediante programación a una página web ASP.NET.
3. También puede optar por arrastrar el borde del panel para cambiar el tamaño del control.
Descripción: este control cambia de tamaño automáticamente para mostrar todos sus controles secundarios (incluso si exceden la altura establecida).
4. También puede optar por establecer las propiedades del control Panel (como se describe en la siguiente tabla) para especificar cómo interactúa el panel con sus controles secundarios.
Descripción de la propiedad
Alineación horizontal
Especifica la alineación de los controles secundarios dentro del panel (izquierda, derecha, centro o justificado).
Envoltura
Especifica si el contenido que es demasiado ancho dentro del panel se ajusta a la siguiente línea o se trunca en el borde del panel.
Dirección
Especifica si el contenido del control se representa de izquierda a derecha o de derecha a izquierda. Esta propiedad es útil al crear áreas en la página que están orientadas de manera diferente a la página completa.
Barras de desplazamiento
Si ha configurado las propiedades Alto y Ancho para limitar el control Panel a un tamaño específico, puede agregar barras de desplazamiento configurando la propiedad ScrollBars.
Texto de agrupación
Representa un borde y un título alrededor del control Panel.
ilustrar:
Establecer la propiedad GroupingText hace que las barras de desplazamiento no aparezcan (si especifica barras de desplazamiento).
3. Clase de panel
Los controles del panel son contenedores para otros controles. Este control es especialmente útil cuando desea generar controles mediante programación, ocultar/mostrar un conjunto de controles o localizar un conjunto de controles.
La propiedad Dirección es útil para localizar el contenido de un control Panel para mostrar texto en idiomas escritos de derecha a izquierda, como árabe o hebreo.
El control Panel proporciona varias propiedades que le permiten personalizar el comportamiento y la visualización del contenido del control. Utilice la propiedad BackImageUrl para mostrar una imagen personalizada para el control Panel. Utilice la propiedad ScrollBars para especificar barras de desplazamiento para el control.
Ejemplo
1. El siguiente ejemplo ilustra cómo utilizar el control Panel para generar controles mediante programación y ocultar/mostrar un grupo de controles.
Nota: El siguiente ejemplo de código utiliza un modelo de código de archivo único y es posible que no funcione correctamente cuando se copia directamente a un archivo de código subyacente. Este ejemplo de código debe copiarse en un archivo de texto vacío con una extensión .aspx.
<%@ Idioma de página="C#" AutoEventWireup="True" %>
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
BackColor="gainsboro" Altura="200px" Ancho="300px"> Panel1: Aquí hay contenido estático...
Generar etiquetas:
Generar cuadros de texto: