Scheduler
CompleteVistas de día, semana, mes, agenda, año y línea de tiempo con eventos colocados por hora, eventos superpuestos lado a lado, arrastrar y soltar para mover un evento, Mayús con las flechas como método de teclado y un panel con un campo de fecha y hora que se abre al seleccionar un evento, de modo que los eventos también se pueden mover en pantallas táctiles. Los eventos de todo el día (AllDay) van en una fila sobre las horas, y una línea roja marca la hora actual. Las vistas de semana y día funcionan en las horas visibles (de DayStartHour a DayEndHour).
Ejemplo
Parámetros
| Parámetro | Tipo | Descripción |
|---|---|---|
AgendaDays | int | Días que enumera la vista Agenda (30 de forma predeterminada). |
AutoScroll | bool | Desplaza las vistas de día y semana a la hora actual o al inicio del horario laboral (true de forma predeterminada). |
BlockedRanges | IEnumerable<SchedulerBlockedRange> | Periodos que no se pueden reservar (todos los recursos o uno). |
Categories | IEnumerable<SchedulerCategory> | Etiquetas a lo largo del eje horizontal. |
Class | string | Clases CSS adicionales que se agregan al elemento raíz. |
ContextMenuItems | Func<SchedulerContextTarget, IEnumerable<MenuCommand>> | Devuelve comandos adicionales para el menú contextual de un evento, un intervalo de tiempo o un día; se agregan después de los comandos integrados. Recibe el destino (tipo, evento, hora de inicio, recurso). Se abre con clic derecho, la tecla Menú y Mayús+F10. |
Date | DateTime | Cualquier fecha dentro del periodo mostrado. Úselo con @bind-Date. |
DayEndHour | int | Hora en que termina la cuadrícula del día (20 de forma predeterminada). |
DayStartHour | int | Primera hora de la cuadrícula del día (7 de forma predeterminada). |
Editable | bool | Permite mover eventos arrastrando o con el teclado. |
Events | IEnumerable<SchedulerEvent> | Objetos SchedulerEvent; mover un evento cambia sus Start y End. |
EventTemplate | RenderFragment<SchedulerEvent> | Dibuja el contenido de un evento en lugar de su título (una segunda línea, insignias); recibe el evento. SchedulerEvent.CssClass agrega una clase CSS al elemento del evento. |
FirstDayOfWeek | DayOfWeek? | Primer día de la semana; de forma predeterminada, el del idioma actual. |
GroupByResource | bool | Vista de día: una columna por recurso. |
HideNonWorkDays | bool | Deja los días no laborables fuera de la vista de semana. |
HideWeekends | bool | Deja el sábado y el domingo fuera de la vista de semana. |
MaxEventsPerDay | int | Eventos que se muestran en un día antes del enlace +n más (3 de forma predeterminada). |
MaxVisibleResources | int | Cuántas columnas de recursos muestra la vista de día agrupada antes de que un botón revele el resto (0 = todas). |
PreventOverlap | bool | Rechaza los cambios que hacen que un evento con hora se solape con otro evento del mismo recurso. |
ResourceFilterThreshold | int | El número de recursos por encima del cual se muestra un cuadro de filtro en las vistas agrupadas y de línea de tiempo (8 de forma predeterminada). |
Resources | IEnumerable<SchedulerResource> | Salas, personas o equipos (SchedulerResource con Id y Name). Los eventos apuntan a uno con ResourceId. |
SeriesCheckDays | int | Con cuántos días de antelación se comprueban las repeticiones de un evento recurrente para detectar solapamientos e intervalos bloqueados al guardarlo (90 de forma predeterminada). |
ShowContextMenu | bool | Abre un menú con el botón derecho del ratón, la tecla Menú y Mayús+F10 (true de forma predeterminada). |
ShowEventEditor | bool | Abre el cuadro de diálogo del editor de eventos para crear y cambiar eventos. |
ShowICalendar | bool | Agrega la importación y exportación de archivos iCalendar (.ics). |
ShowLegend | bool | Muestra la leyenda en la que se puede hacer clic. |
ShowMovePanel | bool | Muestra el panel de fecha y hora del evento seleccionado (true de forma predeterminada). |
ShowNavigator | bool | Muestra un calendario mensual junto a las vistas para navegar rápido. |
ShowPrint | bool | Agrega un botón Print que imprime la tabla. |
ShowQuickInfo | bool | Muestra un panel de detalles con editar y eliminar para el evento seleccionado. |
ShowSearch | bool | Agrega un cuadro de búsqueda que filtra los eventos. |
ShowWorkHours | bool | Sombrea el tiempo fuera de las horas y los días de trabajo. |
SlotMinutes | int | Duración de un intervalo: 5, 10, 15, 20, 30 o 60. |
Style | string | Estilo en línea agregado al elemento raíz. |
TimelineDays | int | Cuántos días muestra la vista Timeline (1, 7, 14 o 30; cualquier número de 1 a 60). Con más de un día, el encabezado muestra los días y la vista se desplaza lateralmente. |
TimeZone | string | Zona en la que se muestra la cuadrícula (un id de zona horaria del sistema como Europe/Sofia). |
View | SchedulerView | Day, Week, Month, Agenda, Year o Timeline. Úselo con @bind-View. |
Views | IReadOnlyList<SchedulerView> | Las vistas que ofrece el Scheduler, en este orden (las teclas 1 a 9 la siguen). Una sola vista oculta el conmutador de vistas; una View que no está en la lista pasa a ser la primera. OnRangeChanged sigue informando del rango mostrado (un solo día para Day). |
WorkDays | IEnumerable<DayOfWeek> | Días laborables (de lunes a viernes de forma predeterminada). |
WorkEndHour | int | Hora en que termina el trabajo (17 de forma predeterminada). |
WorkStartHour | int | Primera hora de trabajo (9 de forma predeterminada). |
Eventos
| Evento | Tipo | Descripción |
|---|---|---|
DateChanged | EventCallback<DateTime> | |
OnConflict | EventCallback<SchedulerConflict> | Se genera cuando se rechazó un cambio por un solapamiento o un periodo bloqueado. |
OnEventChanged | EventCallback<SchedulerEvent> | Se genera después de mover un evento. |
OnEventClick | EventCallback<SchedulerEvent> | Se genera con el evento en el que se hizo clic. |
OnEventCreated | EventCallback<SchedulerEvent> | Se genera después de crear o importar un evento. |
OnEventDeleted | EventCallback<SchedulerEvent> | Se genera después de eliminar un evento o una serie. |
OnRangeChanged | EventCallback<SchedulerRange> | Se genera con el periodo mostrado cuando cambia la fecha o la vista. |
OnReminder | EventCallback<SchedulerEvent> | Se genera una vez por repetición cuando llega su hora de recordatorio. |
OnSlotClick | EventCallback<DateTime> | Se genera con la hora de inicio del intervalo en el que se hizo clic; también activa el botón New event. |
OnSlotSelected | EventCallback<SchedulerSlot> | Se genera cuando se hace clic en un intervalo vacío, con su inicio, fin y el recurso de la columna o fila (SchedulerSlot). |
TimelineDaysChanged | EventCallback<int> | |
ViewChanged | EventCallback<SchedulerView> |
Paquete
Scheduler forma parte de RayCraft Complete. Paquete: RayCraft.Blazor.Complete. Se obtiene del feed privado de RayCraft y requiere una licencia activa. Consulte Primeros pasos.
Controles relacionados
Enviar comentariosVersión 1.0.3