Saltar al contenido

Paneles de Calendario

calendario de pedidos.png

Un panel de Calendario

Paneles de calendario completan un calendario con información de una fuente de datos, utilizando tres tipos de control únicos: Descripción, Inicio del evento y Fin del evento. El control Descripción designa lo que aparecerá en el calendario y suele ser el nombre de un evento. Los controles de Inicio y Fin del evento designan en qué día aparecerá el evento y pueden incluir marcas de tiempo, que se mostrarán junto a la descripción del evento. Al igual que con los paneles de gráficos, los paneles de calendario se pueden vincular a otro panel para mostrar mayores detalles sobre el evento en el calendario.

De forma predeterminada, el panel Calendario se mostrará según los datos de la regla comercial, respetando cualquier tipo que se aplique en la regla comercial. Revise su regla comercial para verificar la clasificación.

Si no hay datos en la regla comercial, entonces el mes, día o año actual debería aparecer en el calendario. Tan pronto como se agreguen datos, es probable que desee agregar una clasificación a la regla comercial.

Cómo Mostrar el Mes Actual en el Calendario

Para asegurarse de que el panel devuelva el mes, día o año actual, agregue una columna llamada Ordenar con tipo lógico numérico y aplique una clasificación ascendente en esta columna. Por ejemplo, si su objeto comercial que respalda su panel de calendario tiene una columna llamada FechaInicio que le gustaría usar y es una fuente de datos SQL, puede usar una función de escape SQL:

${ABS(DateDiff(day, getdate(), StartDate))}

o una declaración de Vinyl IIF:

IIF(DateDiff(dd, Now(), StartDate) < 0, (DateDiff(dd, Now(), StartDate))*-1, DateDiff(dd, Now(), StartDate))

Nota

El método de escape SQL es programáticamente más eficiente pero IIF no depende de la sintaxis SQL. Ambos resultan con resultados idénticos.

Para ver otros meses, haga clic en los botones de chevrón hacia adelante y hacia atrás en la esquina superior izquierda del panel. Se puede alternar entre las vistas Día, Semana y Mensual haciendo clic en los botones correspondientes en la esquina superior derecha del panel. Los paneles del calendario no se pueden editar; sin embargo, puede haber un panel separado que muestre los controles de eventos.

Cómo Cambiar la Fecha y Hora de un Evento

  1. Seleccione el evento
  2. En el panel que muestra la información del evento, haga clic en el ícono Lápiz
  3. Ajuste la fecha y la hora según sea necesario y luego haga clic en Marca de verificación para guardar.

Cómo Agregar un Nuevo Evento al Calendario

  1. Seleccione cualquier evento preexistente y haga clic en el botón Crear.
  2. Ingrese un título para el evento, seleccione una fecha en el menú desplegable del calendario.
  3. Para controles con hora y fecha habilitadas, haga clic en el ícono Hora para que aparezca un reloj.
  4. Haga clic en Marca de verificación para guardar.
  5. Después de realizar cualquier revisión en el calendario, actualice la página y confirme las actualizaciones.

Cómo Crear un Calendario Usando la Base de Datos Northwinds

En este ejemplo, agregaremos un nuevo panel Calendario para representar visualmente la fecha en que los pedidos se registran en Northwinds.

Cree un Objeto Comercial para Usarlo con el Panel Calendario

  1. Cree una nueva regla comercial
  2. Asigne un Nombre a la regla. Por ejemplo: Orden (Calendario)
  3. Establezca el Propósito en Calendario
  4. Apunte a la tabla Pedido
  5. Haga clic en el botón Guardar
  6. En la tabla Pedido, haga clic para seleccionar las columnas OrderID y OrderDate.
  7. Haga clic en la pestaña Dónde. Agregue la columna OrderDate al campo izquierdo. Elija IS NOT NULL como operador. Deje el campo Derecha en blanco.
  8. Si lo desea, agregue una columna que admita Ordenar a la pestaña Columnas. Por ejemplo: DatePart(mm, O.OrderDate)

Crear el Calendario

  1. Vaya a App Workbench > Agregar una página
  2. Asigne a la página el nombre Calendario de pedidos y haga clic en Crear.
  3. Seleccione el diseño de una sola columna, haga clic en Agregar panel
  4. Seleccione Calendario
  5. Localice la regla del calendario y haga clic en Seleccionar
  6. Haga clic en Personalizar página
  7. Ingrese Calendario de pedidos como Nombre, seleccione Panel de calendario como Tipo y seleccione Mensual como Subtipo.
  8. Agregue dos controles con las siguientes configuraciones:

    Columna Nombre Tipo de uso
    Control #1: ID de pedido Orden Descripción
    Control #2: Fecha de pedido Fecha de pedido Inicio del evento
  9. Navegue hasta la vista de la aplicación y confirme que ahora ve el Calendario.

  1. Desde la página Calendario de tu aplicación, haz clic en Cajón de acciones > Live Designer
  2. Haga clic en el botón Controles en el panel Calendario.
  3. Haga clic en el icono Abrir registro para que el control enlace desde
  4. Desde Actualización y vinculación, establezca Enlace a página en Pedidos
  5. Verifique que esté vinculado por OrderID en los Criterios
  6. Navegue a la vista de la aplicación y confirme la actualización.

Utilice el Control de Color para Cambiar el Color de los Eventos

  1. Agregue una nueva columna a la regla comercial del calendario. Por ejemplo: ingrese '#000343' en el campo Columna o Expresión. Ingrese Color en el campo Alias.
  2. Navegue a la página Calendario de su aplicación y seleccione Action Drawer > Live Designer
  3. Agregue un nuevo Control.

    • Seleccione Color para la columna
    • Asigne un nombre al control Color
    • Seleccione Color para el tipo de control
  4. Navegue a la vista de la aplicación y confirme la actualización.