Componentes Web Esenciales: Calendario, Multiview y Manejo de Arrays en Desarrollo

Componentes Fundamentales en el Desarrollo de Interfaces Web

1. Control Calendar: Gestión de Fechas y Selección

Este control muestra el calendario del mes actual. Permite al usuario seleccionar uno o más días o semanas mediante el ratón. El código en el servidor puede detectar las fechas seleccionadas y actuar en consecuencia.

Propiedades Clave del Control Calendar:

• La propiedad SelectionMode establece si los usuarios pueden seleccionar un solo día o un conjunto de días.
• Cuando se selecciona una fecha nueva, se genera el evento SelectionChanged. Es importante notar que este evento no se dispara cuando la fecha actual se modifica programáticamente desde el código.
• La propiedad SelectedDate representa la fecha seleccionada; su valor es de tipo fecha.
• La propiedad SelectedDates es una colección que contiene todas las fechas seleccionadas del control.

Las fechas en la colección SelectedDates son secuenciales, ya que el control generalmente no permite la selección múltiple de fechas individuales no contiguas (dependiendo de la implementación específica, pero el texto sugiere una secuencia).

Ejemplo de Acceso a Fechas Seleccionadas:

Asumiendo un contexto de programación como ASP.NET Web Forms o similar:

// Número de fechas seleccionadas
numero = Calendar1.SelectionDates.Count;

// Obtener la primera fecha seleccionada (tipo DateTime)
firstdate = Calendar1.SelectedDates[0].DateTime;

// Obtener la última fecha seleccionada
lastdate = Calendar1.SelectedDates[numero - 1].DateTime;

2. Gestión de Vistas con MultiView

Para gestionar múltiples paneles o vistas dentro de un mismo espacio, se utiliza un elemento MultiView. Es necesario añadir las vistas deseadas a este contenedor.

Cambio de Vista Programático:

Para cambiar entre las vistas, se debe modificar la propiedad ActiveViewIndex del control MultiView. El índice comienza en 0.

// Establecer la primera vista (índice 0)
MultiView1.ActiveViewIndex = 0;

Este comando cambia el comportamiento del control para mostrar la vista correspondiente al índice especificado.

3. Manipulación de Arrays y Listas

A continuación, se muestra un ejemplo de inicialización de un array de cadenas (String) y su posterior inserción en un control ListBox.

Inicialización y Llenado de ListBox:

String[] arrayFord = new string[] {
    "Ka", "Fiesta", "B-Max", "Tourneo",
    "Ecosport", "Focus", "C-Max", "Kuga",
    "Mondeo" 
};

for (int i = 0; i < arrayFord.Length; i++)
{
    ListBox2.Items.Add(arrayFord[i]);
}

4. Manejo de Eventos de Menú (MenuItemClick)

Este fragmento de código ilustra cómo responder a la selección de elementos en un control de menú (Menu1), típicamente para navegar entre vistas o redirigir a otras páginas.

Ejemplo de Controlador de Eventos:

protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
{
    // Lógica para cambiar la vista activa en MultiView
    if (Menu1.Items[0].Selected) {
        MultiView1.ActiveViewIndex = 0;
    }

    // Comentario: if (Menu1.Items[1].Selected) { MultiView1.ActiveViewIndex = 2; }

    if (Menu1.Items[2].Selected) {
        MultiView1.ActiveViewIndex = 1;
    }

    // Lógica basada en el valor seleccionado
    if (Menu1.SelectedValue == "MOSTRAR") {
        MultiView1.ActiveViewIndex = 2;
    }

    // Comentario: if (Menu1.SelectedValue == "MAS") { Response.Redirect("https://www.google.es"); }

    // Redirección basada en un elemento hijo seleccionado
    if (Menu1.Items[0].ChildItems[0].Selected) {
        Response.Redirect("https://www.google.es");
    }
}