HTMX Fragment & Router

Rzut oka

TsgcHTMX_Fragment & TsgcHTMX_Router

TsgcHTMX_Fragment konstruuje poprawnie sformatowany ciąg zamiany htmx out-of-band dla danego id elementu DOM i strategii zamiany. TsgcHTMX_Router przekazuje przychodzące żądania HTTP do zarejestrowanych metod handlerów w Delphi, eliminując ręczne parsowanie URL.

Klasy komponentów

TsgcHTMX_Fragment, TsgcHTMX_Router

Rola

Zamiany OOB i routing żądań

Rodzina

Infrastruktura & Silnik

Języki

Delphi, C++ Builder, .NET

Szybki start

Zbuduj fragment, przekieruj żądanie

Użyj TsgcHTMX_Fragment, aby zbudować ciąg zamiany htmx out-of-band dla konkretnego id elementu DOM. Użyj TsgcHTMX_Router, aby przekazywać przychodzące żądania HTTP do zarejestrowanych metod handlerów bez pisania łańcuchów 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);

Dokumentacja

Główne właściwości i metody

Najczęściej używane elementy.

TsgcHTMX_Fragment.TargetID

id elementu DOM do zastąpienia. Odpowiada celowi hx-swap-oob w htmx.

TsgcHTMX_Fragment.SwapMethod

Strategia zamiany htmx: innerHTML, outerHTML, beforebegin, afterend itp.

TsgcHTMX_Fragment.Content

Nowy HTML do wstrzyknięcia w element docelowy. Może być prostym ciągiem lub wynikiem dowolnego komponentu sgcHTML.

TsgcHTMX_Fragment.Fragment

Tylko do odczytu. Zwraca w pełni sformowany ciąg zamiany OOB gotowy do przekazania do BroadcastFragment lub zwrócenia jako treść odpowiedzi HTTP.

TsgcHTMX_Router.AddRoute

Rejestruje kombinację wzorca URL i metody HTTP z procedurą lub metodą handlera w Delphi.

TsgcHTMX_Router.HandleRequest

Sprawdza przychodzące żądanie względem wszystkich zarejestrowanych tras i wywołuje pasujący handler. Zwraca False, jeśli żadna trasa nie pasuje.

Zasoby

Kontynuuj eksplorację

	Pomoc onlinePełna dokumentacja API i przewodnik użytkowania tego komponentu.	Otwórz
	Wszystkie komponenty sgcHTMLPrzeglądaj pełną macierz funkcji 60+ komponentów.	Otwórz
	Pobierz bezpłatną wersję próbną30-dniowa wersja próbna zawiera projekty demonstracyjne 60.HTML.	Otwórz
	CenyLicencje Single, Team i Site z pełnym kodem źródłowym.	Otwórz