LogViewer-component — sgcHTML | eSeGeCe

LogViewer

TsgcHTMLComponent_LogViewer — een streamende log-/terminalviewer met niveaufilter, zoeken, automatisch scrollen en donker/licht thema, in Delphi, C++ Builder en .NET.

In één oogopslag

TsgcHTMLComponent_LogViewer

Voeg regels toe met AddLine, ze worden bewaard in een begrensde ringbuffer, en lees dan de HTML-eigenschap — of stream nieuwe regels naar verbonden clients met GetLastLineFragmentHTML.

Componentklasse

TsgcHTMLComponent_LogViewer

Rendert

Werkbalk + terminalstijl logbody + scoped CSS

Familie

Overlays en feedback

Talen

Delphi, C++ Builder, .NET

QuickStart

Voeg regels toe, render het, stream updates

Roep AddLine aan voor elke regel, lees HTML voor de eerste render en push daarna nieuwe regels naar open WebSocket-clients met GetLastLineFragmentHTML.

uses
  sgcHTML_Component_LogViewer;

var
  oLog: TsgcHTMLComponent_LogViewer;
begin
  oLog := TsgcHTMLComponent_LogViewer.Create(nil);
  try
    oLog.LogID := 'applog';
    oLog.Theme := ltDark;
    oLog.MaxLines := 500;
    oLog.Height := '400px';

    oLog.AddLine(llInfo, 'Service started', 'app');
    oLog.AddLine(llWarning, 'Low disk space', 'monitor');
    oLog.AddLine(llError, 'Connection refused', 'db');

    WebModule.Response := oLog.HTML;   // toolbar + log body + inline script
  finally
    oLog.Free;
  end;
end;

// Push one more line to every connected client, no full re-render:
oLog.AddLine(llInfo, 'New order received', 'orders');
TsgcHTMX_Engine_Server.BroadcastFragment(oLog.GetLastLineFragmentHTML);

// includes: sgcHTML_Component_LogViewer.hpp

TsgcHTMLComponent_LogViewer *oLog = new TsgcHTMLComponent_LogViewer(NULL);
try
{
  oLog->LogID = "applog";
  oLog->Theme = ltDark;
  oLog->MaxLines = 500;
  oLog->Height = "400px";

  oLog->AddLine(llInfo, "Service started", "app");
  oLog->AddLine(llWarning, "Low disk space", "monitor");
  oLog->AddLine(llError, "Connection refused", "db");

  String html = oLog->HTML;   // toolbar + log body + inline script

  // Push one more line to every connected client:
  oLog->AddLine(llInfo, "New order received", "orders");
  TsgcHTMX_Engine_Server::BroadcastFragment(oLog->GetLastLineFragmentHTML());
}
__finally
{
  delete oLog;
}

using esegece.sgcWebSockets;

var log = new TsgcHTMLComponent_LogViewer();
log.LogID = "applog";
log.Theme = TsgcHTMLLogTheme.ltDark;
log.MaxLines = 500;
log.Height = "400px";

log.AddLine(TsgcHTMLLogLevel.llInfo, "Service started", "app");
log.AddLine(TsgcHTMLLogLevel.llWarning, "Low disk space", "monitor");
log.AddLine(TsgcHTMLLogLevel.llError, "Connection refused", "db");

string html = log.HTML;   // toolbar + log body + inline script

// Push one more line to every connected client, no full re-render:
log.AddLine(TsgcHTMLLogLevel.llInfo, "New order received", "orders");
TsgcHTMX_Engine_Server.BroadcastFragment(log.GetLastLineFragmentHTML());

Referentie

Belangrijkste eigenschappen en methoden

De members die je het vaakst gebruikt.

Regels toevoegen

AddLine(aLevel, aText, aSource) voegt een regel met tijdstempel toe; MaxLines (standaard 500) begrenst de ringbuffer en verwijdert de oudste regel. Clear maakt hem leeg.

Niveaus

TsgcHTMLLogLevel — llTrace, llDebug, llInfo, llWarning, llError, llFatal — elk met een eigen kleur per Theme.

Werkbalk

ShowSearch, ShowLevelFilter en Title sturen de werkbalk aan; filteren en markeren gebeuren client-side, zonder round-trip.

Automatisch scrollen

AutoScroll volgt de nieuwste regel; ShowAutoScrollToggle voegt een selectievakje toe zodat de lezer het volgen kan pauzeren tijdens terugscrollen.

Streaming-updates

GetLastLineFragmentHTML / GetLineFragmentHTML(aIndex) renderen een out-of-band fragment voor TsgcHTMX_Engine_Server.PushFragment / BroadcastFragment.

Uiterlijk

Theme (ltDark / ltLight), WrapLines, Height, TimeFormat en EmptyText stemmen de weergave af.

Bronnen

Blijf ontdekken

	Online helpVolledige API-referentie en gebruikshandleiding voor dit onderdeel.	Open
	Alle sgcHTML-componentenBlader door de volledige functiematrix van 80+ componenten.	Openen
	Download gratis proefversieDe proefversie van 30 dagen bevat de 60.HTML-demoprojecten.	Openen
	PrijzenSingle-, Team- en Site-licenties met volledige broncode.	Openen