HTMX Fragment & Router

TsgcHTMX_Fragment / TsgcHTMX_Router — construisez des payloads htmx out-of-band pour des mises à jour DOM ciblées et acheminez les motifs d'URL vers des procédures de gestionnaire Delphi.

TsgcHTMX_Fragment & TsgcHTMX_Router

TsgcHTMX_Fragment construit la chaîne htmx out-of-band correctement formée pour un id d'élément DOM et une stratégie d'échange donnés. TsgcHTMX_Router achemine les requêtes HTTP entrantes vers des méthodes de gestionnaire Delphi enregistrées, éliminant l'analyse manuelle des URL.

Classes du composant

TsgcHTMX_Fragment, TsgcHTMX_Router

Rôle

Échanges OOB & routage des requêtes

Langages

Delphi, C++ Builder, .NET

Construire un fragment, acheminer une requête

Utilisez TsgcHTMX_Fragment pour construire une chaîne htmx out-of-band ciblant un id d'élément DOM spécifique. Utilisez TsgcHTMX_Router pour acheminer les requêtes HTTP entrantes vers des méthodes de gestionnaire enregistrées sans écrire de chaînes if/else.

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

Propriétés et méthodes clés

Les membres les plus fréquemment utilisés.

TsgcHTMX_Fragment.TargetID

id de l'élément DOM à remplacer ; correspond à la cible hx-swap-oob de htmx.

TsgcHTMX_Fragment.SwapMethod

Stratégie d'échange htmx : innerHTML, outerHTML, beforebegin, afterend, etc.

TsgcHTMX_Fragment.Content

Le nouveau HTML à injecter dans la cible ; peut être une chaîne simple ou la sortie de n'importe quel composant sgcHTML.

TsgcHTMX_Fragment.Fragment

En lecture seule ; retourne la chaîne OOB complète prête à passer à BroadcastFragment ou à retourner comme corps de réponse HTTP.

TsgcHTMX_Router.AddRoute

Enregistre une combinaison de motif d'URL et de méthode HTTP avec une procédure ou méthode de gestionnaire Delphi.

TsgcHTMX_Router.HandleRequest

Vérifie la requête entrante par rapport à toutes les routes enregistrées et appelle le gestionnaire correspondant ; retourne False si aucune route ne correspond.

Continuer à explorer

Aide en ligneRéférence API complète et guide d'utilisation pour ce composant.
Tous les composants sgcHTMLParcourez la matrice complète de 60+ composants.
Télécharger l'essai gratuitL'essai de 30 jours inclut les projets de démonstration 60.HTML.
TarifsLicences Single, Team et Site avec code source complet.

Prêt à commencer ?

Téléchargez l'essai gratuit et commencez à créer des interfaces web en Delphi, C++ Builder et .NET.