HTMX Fragment & Router

Auf einen Blick

TsgcHTMX_Fragment & TsgcHTMX_Router

TsgcHTMX_Fragment konstruiert den korrekt geformten Out-of-Band-htmx-Swap-String für eine bestimmte DOM-Element-ID und Swap-Strategie. TsgcHTMX_Router leitet eingehende HTTP-Anfragen an registrierte Delphi-Handler-Methoden weiter und eliminiert manuelle URL-Analyse.

Komponentenklassen

TsgcHTMX_Fragment, TsgcHTMX_Router

Rolle

OOB-Swaps & Anfragen-Routing

Familie

Infrastruktur & Engine

Sprachen

Delphi, C++ Builder, .NET

Schnellstart

Fragment erstellen, Anfrage weiterleiten

Verwenden Sie TsgcHTMX_Fragment, um einen Out-of-Band-htmx-Swap-String zu konstruieren, der auf eine bestimmte DOM-Element-ID abzielt. Verwenden Sie TsgcHTMX_Router, um eingehende HTTP-Anfragen an registrierte Handler-Methoden weiterzuleiten, ohne if/else-Ketten zu schreiben.

uses
  sgcHTMX_Fragment, sgcHTMX_Router;

// Build and broadcast an OOB fragment:
var
  oFrag: TsgcHTMX_Fragment;
begin
  oFrag := TsgcHTMX_Fragment.Create(nil);
  try
    oFrag.TargetID   := 'kpi-revenue';
    oFrag.SwapMethod := 'innerHTML';
    oFrag.Content    := FormatFloat('#,##0', FRevenue);
    oHTMX.BroadcastFragment(oFrag.Fragment);
  finally
    oFrag.Free;
  end;
end;

// Route requests with TsgcHTMX_Router:
var
  oRouter: TsgcHTMX_Router;
begin
  oRouter := TsgcHTMX_Router.Create(nil);
  oRouter.AddRoute('GET',  '/customers',     HandleCustomers);
  oRouter.AddRoute('POST', '/customer/save', HandleCustomerSave);
  oRouter.HandleRequest(AContext, ARequest, AResponse);
end;

TsgcHTMX_Fragment *oFrag = new TsgcHTMX_Fragment(NULL);
try
{
  oFrag->TargetID   = "kpi-revenue";
  oFrag->SwapMethod = "innerHTML";
  oFrag->Content    = FormatFloat("#,##0", FRevenue);
  oHTMX->BroadcastFragment(oFrag->Fragment);
}
__finally { delete oFrag; }

TsgcHTMX_Router *oRouter = new TsgcHTMX_Router(NULL);
oRouter->AddRoute("GET",  "/customers",     HandleCustomers);
oRouter->AddRoute("POST", "/customer/save", HandleCustomerSave);
oRouter->HandleRequest(AContext, ARequest, AResponse);

var frag = new TsgcHTMX_Fragment();
frag.TargetID   = "kpi-revenue";
frag.SwapMethod = "innerHTML";
frag.Content    = revenue.ToString("N0");
htmxEngine.BroadcastFragment(frag.Fragment);

var router = new TsgcHTMX_Router();
router.AddRoute("GET",  "/customers",     HandleCustomers);
router.AddRoute("POST", "/customer/save", HandleCustomerSave);
router.HandleRequest(context, request, response);

Referenz

Wichtige Eigenschaften & Methoden

Die am häufigsten verwendeten Members.

TsgcHTMX_Fragment.TargetID

id des zu ersetzenden DOM-Elements; entspricht htmx's hx-swap-oob-Ziel.

TsgcHTMX_Fragment.SwapMethod

htmx-Swap-Strategie: innerHTML, outerHTML, beforebegin, afterend usw.

TsgcHTMX_Fragment.Content

Das neue HTML, das in das Ziel eingefügt wird; kann ein einfacher String oder die Ausgabe einer beliebigen sgcHTML-Komponente sein.

TsgcHTMX_Fragment.Fragment

Schreibgeschützt; gibt den vollständig geformten OOB-Swap-String zurück, der direkt an BroadcastFragment übergeben oder als HTTP-Antwort-Body zurückgegeben werden kann.

TsgcHTMX_Router.AddRoute

Registriert eine URL-Musterkombination mit einer HTTP-Methode und einer Delphi-Handler-Prozedur oder -Methode.

TsgcHTMX_Router.HandleRequest

Prüft die eingehende Anfrage gegen alle registrierten Routen und ruft den passenden Handler auf; gibt False zurück, wenn keine Route übereinstimmt.

Ressourcen

Weiter erkunden

	Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente.	Öffnen
	Alle sgcHTML-KomponentenDurchsuche die vollständige Feature-Matrix mit 60+ Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseEinzel-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen