Scheduler
CompleteVisualizações de dia, semana, mês, agenda, ano e linha do tempo com eventos posicionados por horário, eventos sobrepostos lado a lado, arrastar e soltar para mover um evento, Shift com as setas como forma de usar o teclado e um painel com campo de data e hora que abre quando um evento é selecionado, de modo que os eventos também podem ser movidos em telas sensíveis ao toque. Eventos de dia inteiro (AllDay) ficam em uma linha acima das horas, e uma linha vermelha marca a hora atual. As visualizações de semana e dia trabalham nas horas visíveis (de DayStartHour a DayEndHour).
Exemplo
Parâmetros
| Parâmetro | Tipo | Descrição |
|---|---|---|
AgendaDays | int | Dias listados pela visualização Agenda (30 por padrão). |
AutoScroll | bool | Rola as visualizações de dia e semana até o horário atual ou o início do horário de trabalho (true por padrão). |
BlockedRanges | IEnumerable<SchedulerBlockedRange> | Períodos que não podem ser reservados (todos os recursos ou um). |
Categories | IEnumerable<SchedulerCategory> | Rótulos ao longo do eixo horizontal. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
ContextMenuItems | Func<SchedulerContextTarget, IEnumerable<MenuCommand>> | Devolve comandos extras para o menu de contexto de um evento, de um intervalo de tempo ou de um dia; eles são adicionados depois dos comandos embutidos. Recebe o alvo (tipo, evento, horário de início, recurso). Abre com clique direito, a tecla Menu e Shift+F10. |
Date | DateTime | Qualquer data dentro do período mostrado. Use com @bind-Date. |
DayEndHour | int | Hora em que a grade do dia termina (20 por padrão). |
DayStartHour | int | Primeira hora da grade do dia (7 por padrão). |
Editable | bool | Permite mover eventos arrastando ou com o teclado. |
Events | IEnumerable<SchedulerEvent> | Objetos SchedulerEvent; mover um evento altera seus Start e End. |
EventTemplate | RenderFragment<SchedulerEvent> | Desenha o conteúdo de um evento no lugar do título (uma segunda linha, selos); recebe o evento. SchedulerEvent.CssClass adiciona uma classe CSS ao elemento do evento. |
FirstDayOfWeek | DayOfWeek? | Primeiro dia da semana; por padrão, o do idioma atual. |
GroupByResource | bool | Visualização de dia: uma coluna por recurso. |
HideNonWorkDays | bool | Deixa os dias não úteis fora da visualização de semana. |
HideWeekends | bool | Deixa sábado e domingo fora da visualização de semana. |
MaxEventsPerDay | int | Eventos mostrados em um dia antes do link +n mais (3 por padrão). |
MaxVisibleResources | int | Quantas colunas de recursos a visualização de dia agrupada mostra antes de um botão revelar o restante (0 = todas). |
PreventOverlap | bool | Recusa alterações que fariam um evento com horário se sobrepor a outro evento do mesmo recurso. |
ResourceFilterThreshold | int | O número de recursos acima do qual uma caixa de filtro é mostrada nas visualizações agrupadas e de linha do tempo (8 por padrão). |
Resources | IEnumerable<SchedulerResource> | Salas, pessoas ou equipamentos (SchedulerResource com Id e Name). Os eventos apontam para um deles com ResourceId. |
SeriesCheckDays | int | Quantos dias à frente as ocorrências de um evento recorrente são verificadas quanto a sobreposições e intervalos bloqueados ao salvá-lo (90 por padrão). |
ShowContextMenu | bool | Abre um menu com o botão direito do mouse, a tecla Menu e Shift+F10 (true por padrão). |
ShowEventEditor | bool | Abre a caixa de diálogo do editor de eventos para criar e alterar eventos. |
ShowICalendar | bool | Adiciona importação e exportação de arquivos iCalendar (.ics). |
ShowLegend | bool | Mostra a legenda clicável. |
ShowMovePanel | bool | Mostra o painel de data e hora do evento selecionado (true por padrão). |
ShowNavigator | bool | Mostra um calendário mensal ao lado das visualizações para navegação rápida. |
ShowPrint | bool | Adiciona um botão Print que imprime a tabela. |
ShowQuickInfo | bool | Mostra um painel de detalhes com editar e excluir para o evento selecionado. |
ShowSearch | bool | Adiciona uma caixa de pesquisa que filtra os eventos. |
ShowWorkHours | bool | Sombreia o tempo fora das horas e dos dias de trabalho. |
SlotMinutes | int | Duração de um intervalo: 5, 10, 15, 20, 30 ou 60. |
Style | string | Estilo embutido adicionado ao elemento raiz. |
TimelineDays | int | Quantos dias a visualização Timeline mostra (1, 7, 14 ou 30; qualquer número de 1 a 60). Com mais de um dia, o cabeçalho mostra os dias e a visualização rola para o lado. |
TimeZone | string | Fuso em que a grade é mostrada (um id de fuso horário do sistema como Europe/Sofia). |
View | SchedulerView | Day, Week, Month, Agenda, Year ou Timeline. Use com @bind-View. |
Views | IReadOnlyList<SchedulerView> | As visualizações que o Scheduler oferece, nesta ordem (as teclas 1 a 9 a seguem). Uma só visualização oculta o alternador de visualização; uma View que não está na lista passa a ser a primeira. OnRangeChanged continua informando o intervalo mostrado (um único dia para Day). |
WorkDays | IEnumerable<DayOfWeek> | Dias úteis (de segunda a sexta por padrão). |
WorkEndHour | int | Hora em que o trabalho termina (17 por padrão). |
WorkStartHour | int | Primeira hora de trabalho (9 por padrão). |
Eventos
| Evento | Tipo | Descrição |
|---|---|---|
DateChanged | EventCallback<DateTime> | |
OnConflict | EventCallback<SchedulerConflict> | Gerado quando uma alteração foi recusada por causa de uma sobreposição ou de um período bloqueado. |
OnEventChanged | EventCallback<SchedulerEvent> | Gerado depois que um evento foi movido. |
OnEventClick | EventCallback<SchedulerEvent> | Gerado com o evento clicado. |
OnEventCreated | EventCallback<SchedulerEvent> | Gerado depois que um evento foi criado ou importado. |
OnEventDeleted | EventCallback<SchedulerEvent> | Gerado depois que um evento ou série foi excluído. |
OnRangeChanged | EventCallback<SchedulerRange> | Gerado com o período mostrado quando a data ou a visualização muda. |
OnReminder | EventCallback<SchedulerEvent> | Gerado uma vez por ocorrência quando o horário do lembrete é alcançado. |
OnSlotClick | EventCallback<DateTime> | Gerado com o horário de início do intervalo clicado; também habilita o botão New event. |
OnSlotSelected | EventCallback<SchedulerSlot> | Gerado quando um intervalo vazio é clicado, com seu início, fim e o recurso da coluna ou linha (SchedulerSlot). |
TimelineDaysChanged | EventCallback<int> | |
ViewChanged | EventCallback<SchedulerView> |
Pacote
Scheduler faz parte do RayCraft Complete. Pacote: RayCraft.Blazor.Complete. Vem do feed privado do RayCraft e requer uma licença ativa. Veja Primeiros passos.
Controles relacionados
Enviar feedbackVersão 1.0.3