Componente Scheduler — sgcHTML

De un vistazo

TsgcHTMLComponent_Scheduler

Elige una View y una CurrentDate, añade eventos con fechas de inicio y fin (o vincula un dataset) y luego lee la propiedad HTML.

Clase del componente

TsgcHTMLComponent_Scheduler

Genera

Tarjeta de Bootstrap 5 con una <table> de planificador + CSS con ámbito propio

Familia

Datos y Tablas

Lenguajes

Delphi, C++ Builder, .NET

Inicio rápido

Define la vista, añade eventos y genéralo

Define View y CurrentDate, llama a AddEvent por cada reserva y luego lee HTML.

uses
  sgcHTML_Enums, sgcHTML_Component_Scheduler;

var
  oSched: TsgcHTMLComponent_Scheduler;
begin
  oSched := TsgcHTMLComponent_Scheduler.Create(nil);
  try
    oSched.View := svMonth;
    oSched.CurrentDate := Now;
    oSched.StartHour := 8;
    oSched.EndHour := 18;

    oSched.AddEvent('Kickoff', EncodeDate(2026, 6, 12),
      EncodeDate(2026, 6, 12), hcPrimary);
    oSched.AddEvent('Sprint', EncodeDate(2026, 6, 15),
      EncodeDate(2026, 6, 19), hcSuccess);

    WebModule.Response := oSched.HTML;   // card + scheduler grid
  finally
    oSched.Free;
  end;
end;

// Or bind it straight to a dataset:
oSched.LoadFromDataSet(qryBookings, 'Subject', 'StartDate', 'EndDate');

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Scheduler.hpp

TsgcHTMLComponent_Scheduler *oSched = new TsgcHTMLComponent_Scheduler(NULL);
try
{
  oSched->View = svMonth;
  oSched->CurrentDate = Now();
  oSched->StartHour = 8;
  oSched->EndHour = 18;

  oSched->AddEvent("Kickoff", EncodeDate(2026, 6, 12),
    EncodeDate(2026, 6, 12), hcPrimary);
  oSched->AddEvent("Sprint", EncodeDate(2026, 6, 15),
    EncodeDate(2026, 6, 19), hcSuccess);

  String html = oSched->HTML;   // card + scheduler grid
}
__finally
{
  delete oSched;
}

using esegece.sgcWebSockets;

var sched = new TsgcHTMLComponent_Scheduler();
sched.View = TsgcHTMLSchedulerView.svMonth;
sched.CurrentDate = DateTime.Now;
sched.StartHour = 8;
sched.EndHour = 18;

sched.AddEvent("Kickoff", new DateTime(2026, 6, 12),
    new DateTime(2026, 6, 12), TsgcHTMLColor.hcPrimary);
sched.AddEvent("Sprint", new DateTime(2026, 6, 15),
    new DateTime(2026, 6, 19), TsgcHTMLColor.hcSuccess);

string html = sched.HTML;   // card + scheduler grid

Referencia

Propiedades y métodos clave

Los miembros que usarás con más frecuencia.

Vista

View selecciona svMonth, svWeek o svDay; CurrentDate ancla la rejilla a un mes o una semana.

Eventos

Events contiene elementos con Title, StartDate, EndDate, Color enumerado, Description y AllDay; cada uno abarca los días que cubre.

Añadir eventos

AddEvent(aTitle, aStart, aEnd, aColor, aAllDay) añade una reserva en una sola llamada.

Vinculación de datasets

LoadFromDataSet(aDataSet, aTitleField, aStartField, aEndField) crea un evento por cada fila de tu consulta.

Horas de la semana

StartHour y EndHour delimitan las filas de tiempo visibles en la vista semanal.

Salida

SchedulerID identifica la tarjeta; HTML devuelve la tarjeta, la rejilla y el CSS del planificador con ámbito propio.

Recursos

Sigue explorando

	Todos los componentes de sgcHTMLExplora la matriz completa de más de 60 componentes.	Abrir
	Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML.	Abrir
	PreciosLicencias Single, Team y Site con código fuente completo.	Abrir

Scheduler