Calendar
TsgcHTMLComponent_Calendar — render een maandrasterkalender met gekleurde gebeurtenisstippen, een markering van vandaag en vorige/volgende navigatie, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_Calendar — render een maandrasterkalender met gekleurde gebeurtenisstippen, een markering van vandaag en vorige/volgende navigatie, in Delphi, C++ Builder en .NET.
Stel het Year en Month in, voeg gebeurtenissen toe op specifieke dagen (of koppel een dataset) en lees dan de HTML-eigenschap.
TsgcHTMLComponent_Calendar
Bootstrap 5-kaart met een maandraster-<table>
Delphi, C++ Builder, .NET
Stel Year en Month in, voeg een paar Events.Add-vermeldingen toe met een Day, Title en Color en lees dan HTML.
uses
sgcHTML_Component_Calendar;
var
oCal: TsgcHTMLComponent_Calendar;
oEvt: TsgcHTMLCalendarEvent;
begin
oCal := TsgcHTMLComponent_Calendar.Create(nil);
try
oCal.Year := 2026;
oCal.Month := 6;
oCal.HighlightToday := True;
oCal.ShowNavigation := True;
oEvt := oCal.Events.Add;
oEvt.Day := 12;
oEvt.Title := 'Release';
oEvt.Color := '#7C3AED';
WebModule.Response := oCal.HTML; // card + month-grid table
finally
oCal.Free;
end;
end;
// Or bind it straight to a dataset:
oCal.LoadFromDataSet(qryEvents, 'EventDate', 'Subject');// includes: sgcHTML_Component_Calendar.hpp
TsgcHTMLComponent_Calendar *oCal = new TsgcHTMLComponent_Calendar(NULL);
try
{
oCal->Year = 2026;
oCal->Month = 6;
oCal->HighlightToday = true;
oCal->ShowNavigation = true;
TsgcHTMLCalendarEvent *oEvt = oCal->Events->Add();
oEvt->Day = 12;
oEvt->Title = "Release";
oEvt->Color = "#7C3AED";
String html = oCal->HTML; // card + month-grid table
}
__finally
{
delete oCal;
}using esegece.sgcWebSockets;
var cal = new TsgcHTMLComponent_Calendar();
cal.Year = 2026;
cal.Month = 6;
cal.HighlightToday = true;
cal.ShowNavigation = true;
var evt = cal.Events.Add();
evt.Day = 12;
evt.Title = "Release";
evt.Color = "#7C3AED";
string html = cal.HTML; // card + month-grid tableDe members die je het vaakst gebruikt.
Year en Month selecteren het raster; ze zijn standaard de huidige maand, en GetMonthName bepaalt de kop.
Events bevat items met een Day, Title, hex-Color en enum ColorStyle; elke gebeurtenis rendert als een gekleurde stip onder zijn dag.
LoadFromDataSet(aDataSet, aDateField, aTitleField) maakt één gebeurtenis per rij die binnen de huidige maand en jaar valt.
ShowNavigation met PrevURL en NextURL rendert vorige/volgende links; NavButtonClass geeft ze stijl.
HighlightToday markeert de huidige dag met de classes in TodayClass.
TableClass, EventDotSize en CalendarID stemmen de tabelstyling en stipgrootte af.