HTMX Fragment & Router

In één oogopslag

TsgcHTMX_Fragment & TsgcHTMX_Router

TsgcHTMX_Fragment construeert de correct opgemaakte out-of-band htmx-wisselingstekenreeks voor een gegeven DOM-element-id en wisselingsstrategie. TsgcHTMX_Router verdeelt binnenkomende HTTP-verzoeken naar geregistreerde Delphi-handlermethoden, waardoor handmatig URL-parseren overbodig is.

Componentklassen

TsgcHTMX_Fragment, TsgcHTMX_Router

Rol

OOB-wissels en verzoekroutering

Familie

Infrastructuur & Engine

Talen

Delphi, C++ Builder, .NET

Snel starten

Bouw een fragment, stuur een verzoek

Gebruik TsgcHTMX_Fragment om een out-of-band htmx-wisselingstekenreeks te construeren die een specifiek DOM-element-id target. Gebruik TsgcHTMX_Router om binnenkomende HTTP-verzoeken naar geregistreerde handlermethoden te sturen zonder if/else-ketens te schrijven.

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);

Referentie

Belangrijkste eigenschappen en methoden

De leden die u het vaakst gebruikt.

TsgcHTMX_Fragment.TargetID

id van het DOM-element dat vervangen moet worden; komt overeen met het hx-swap-oob-doel van htmx.

TsgcHTMX_Fragment.SwapMethod

htmx-wisselingsstrategie: innerHTML, outerHTML, beforebegin, afterend, enzovoort.

TsgcHTMX_Fragment.Content

De nieuwe HTML om in het doel te injecteren; kan een eenvoudige tekenreeks of de uitvoer van een sgcHTML-component zijn.

TsgcHTMX_Fragment.Fragment

Alleen-lezen; geeft de volledig opgemaakte OOB-wisselingstekenreeks terug, klaar om door te geven aan BroadcastFragment of te retourneren als HTTP-antwoordbody.

TsgcHTMX_Router.AddRoute

Registreert een URL-patroon en HTTP-methodecombinatie met een Delphi-handlermethode.

TsgcHTMX_Router.HandleRequest

Controleert het binnenkomende verzoek aan de hand van alle geregistreerde routes en roept de overeenkomende handler aan; geeft False terug als er geen route overeenkomt.

Bronnen

Blijf verkennen

	Online helpVolledige API-referentie en gebruikshandleiding voor dit onderdeel.	Open
	Alle sgcHTML-componentenBlader door de volledige functiematrix van 60+ componenten.	Open
	Download gratis proefversieDe proefversie van 30 dagen bevat de 60.HTML-demoprojecten.	Open
	PrijzenEnkelvoudige, team- en sitelicenties met volledige broncode.	Open