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

View は svMonth、svWeek、svDay を選択します。CurrentDate は、グリッドを月または週に固定します。

Events

Events は、Title、StartDate、EndDate、列挙型の Color、Description、AllDay を持つ項目を保持します。各イベントは、それがカバーする日数にまたがります。

Adding events

AddEvent(aTitle, aStart, aEnd, aColor, aAllDay) は、1 回の呼び出しで 1 つの予約を追加します。

Dataset binding

LoadFromDataSet(aDataSet, aTitleField, aStartField, aEndField) は、クエリから各行ごとに 1 つのイベントを作成します。

Week hours

StartHour と EndHour は、週ビューで表示される時間の行の範囲を決めます。

Output

SchedulerID はカードを識別します。HTML は、カード、グリッド、スコープ付きのスケジューラー CSS を返します。

リソース

さらに詳しく

	すべての sgcHTML コンポーネント60 以上のコンポーネントの全機能マトリックスを閲覧できます。	開く
	無料体験版のダウンロード30 日間の体験版には 60.HTML デモプロジェクトが付属します。	開く
	価格完全なソースコード付きの Single、Team、Site ライセンス。	開く

Scheduler