Scheduler 组件 — sgcHTML

概览

TsgcHTMLComponent_Scheduler

选择一个 View 和 CurrentDate，添加带起止日期的事件（或绑定数据集），然后读取 HTML 属性。

组件类

TsgcHTMLComponent_Scheduler

渲染为

带有日程表 <table> 的 Bootstrap 5 卡片 + 作用域 CSS

家族

数据与表格

语言

Delphi, C++ Builder, .NET

快速入门

设置视图、添加事件、渲染它

设置 View 和 CurrentDate，为每个预约调用 AddEvent，然后读取 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

参考

关键属性与方法

您最常使用的成员。

视图

View 选择 svMonth、svWeek 或 svDay；CurrentDate 将网格锚定到某个月或周。

事件

Events 保存带有 Title、StartDate、EndDate、枚举 Color、Description 和 AllDay 的项目；每个事件跨越其覆盖的天数。

添加事件

AddEvent(aTitle, aStart, aEnd, aColor, aAllDay) 通过单个调用追加一个预约。

数据集绑定

LoadFromDataSet(aDataSet, aTitleField, aStartField, aEndField) 从您的查询为每行创建一个事件。

周时段

StartHour 和 EndHour 限定周视图中可见的时间行。

输出

SchedulerID 标识卡片；HTML 返回卡片、网格和作用域日程表 CSS。

资源

继续探索

	所有 sgcHTML 组件浏览 60 多个组件的完整功能矩阵。	打开
	下载免费试用版30 天试用版附带 60.HTML 演示项目。	打开
	价格Single、Team 和 Site 授权，均含完整源代码。	打开

Scheduler