Timeline
TsgcHTMLComponent_Timeline — Delphi, C++ Builder ve .NET'te tarihli etkinliklerin dikey bir zaman çizelgesini renkli bir çizgi üzerinde kartlar olarak işleyin.
TsgcHTMLComponent_Timeline — Delphi, C++ Builder ve .NET'te tarihli etkinliklerin dikey bir zaman çizelgesini renkli bir çizgi üzerinde kartlar olarak işleyin.
Başlık, içerik ve zaman damgasıyla zaman çizelgesi öğeleri ekleyin (ya da bir veri kümesi bağlayın), çizgiyi ve noktaları ayarlayın, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_Timeline
Bootstrap 5 kartları + kapsamlı zaman çizelgesi CSS'si
Delphi, C++ Builder, .NET
Bir Title, Content ve Timestamp ile birkaç Items.Add girişi iletin, çizgi ve nokta boyutunu ayarlayın, ardından HTML'i okuyun.
uses
sgcHTML_Component_Timeline;
var
oTimeline: TsgcHTMLComponent_Timeline;
oItem: TsgcHTMLTimelineItem;
begin
oTimeline := TsgcHTMLComponent_Timeline.Create(nil);
try
oTimeline.LineWidth := 2;
oTimeline.DotSize := 18;
oItem := oTimeline.Items.Add;
oItem.Timestamp := '09:30';
oItem.Title := 'Order placed';
oItem.Content := 'Payment confirmed.';
oItem.Color := '#7C3AED';
WebModule.Response := oTimeline.HTML; // cards + scoped CSS
finally
oTimeline.Free;
end;
end;
// Or bind it straight to a dataset:
oTimeline.LoadFromDataSet(qryLog, 'Event', 'Detail', 'LoggedAt');// includes: sgcHTML_Component_Timeline.hpp
TsgcHTMLComponent_Timeline *oTimeline = new TsgcHTMLComponent_Timeline(NULL);
try
{
oTimeline->LineWidth = 2;
oTimeline->DotSize = 18;
TsgcHTMLTimelineItem *oItem = oTimeline->Items->Add();
oItem->Timestamp = "09:30";
oItem->Title = "Order placed";
oItem->Content = "Payment confirmed.";
oItem->Color = "#7C3AED";
String html = oTimeline->HTML; // cards + scoped CSS
}
__finally
{
delete oTimeline;
}using esegece.sgcWebSockets;
var timeline = new TsgcHTMLComponent_Timeline();
timeline.LineWidth = 2;
timeline.DotSize = 18;
var item = timeline.Items.Add();
item.Timestamp = "09:30";
item.Title = "Order placed";
item.Content = "Payment confirmed.";
item.Color = "#7C3AED";
string html = timeline.HTML; // cards + scoped CSSEn sık başvurduğunuz üyeler.
Items, Title, Content, Timestamp, Icon, onaltılık Color ve enum ColorStyle içeren girişleri tutar; her biri noktalı bir kart olarak işlenir.
LoadFromDataSet(aDataSet, aTitleField, aContentField, aTimestampField), her satır için bir öğe oluşturur; içerik ve zaman damgası alanları isteğe bağlıdır.
LineColor (onaltılık) veya LineColorStyle (enum) ile LineWidth, dikey bağlayıcıyı denetler.
DotSize, işaretçi çapını ayarlar; her öğenin Color'ı veya ColorStyle'ı noktasını doldurur.
TimeColor (onaltılık) veya TimeColorStyle (enum), her karttaki küçük zaman damgası etiketini biçimlendirir.
TimelineID, sarmalayıcıyı tanımlar; HTML, kartları kapsamlı zaman çizelgesi CSS'siyle birlikte döndürür.