Modal

TsgcHTMLComponent_Modal — renderizza una finestra di dialogo modale Bootstrap 5 con un titolo, corpo, pulsanti nel piè di pagina, dimensionamento e sfondo centrato o statico, in Delphi, C++ Builder e .NET.

TsgcHTMLComponent_Modal

Un componente finestra di dialogo modale che emette markup modal Bootstrap 5. Imposta il titolo, il corpo e la dimensione, aggiungi i pulsanti nel piè di pagina, quindi leggi la proprietà HTML — oppure chiama l’helper statico Build per una soluzione a riga singola.

Classe del componente

TsgcHTMLComponent_Modal

Renderizza

Bootstrap 5 modal markup

Linguaggi

Delphi, C++ Builder, .NET

Costruiscilo in una riga, o configuralo completamente

Chiama Build(id, title, body, footer, size) per una modale rapida, oppure crea il componente, aggiungi i pulsanti del piè di pagina con AddFooterButton, quindi leggi HTML. Abbinalo a BuildTriggerButton per aprire la finestra di dialogo.

uses
  sgcHTML_Enums, sgcHTML_Component_Modal;

// One-line static helper (primary form):
var
  vTrigger, vDialog: string;
begin
  vTrigger := TsgcHTMLComponent_Modal.BuildTriggerButton('confirmModal',
    'Delete account', bsDanger);
  vDialog := TsgcHTMLComponent_Modal.Build('confirmModal',
    'Please confirm', 'This action cannot be undone.',
    '', msDefault);
  WebModule.Response := vTrigger + vDialog;
end;

// Or configure it fully and add custom footer buttons:
var
  oModal: TsgcHTMLComponent_Modal;
begin
  oModal := TsgcHTMLComponent_Modal.Create(nil);
  try
    oModal.ModalID := 'confirmModal';
    oModal.Title := 'Please confirm';
    oModal.Body := 'This action cannot be undone.';
    oModal.Size := msLarge;
    oModal.Centered := True;
    oModal.StaticBackdrop := True;

    oModal.AddFooterButton('Cancel', bsSecondary, True);
    oModal.AddFooterButton('Delete', bsDanger);

    WebModule.Response := oModal.HTML;   // Bootstrap modal markup
  finally
    oModal.Free;
  end;
end;
// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Modal.hpp

// One-line static helper (primary form):
String trigger = TsgcHTMLComponent_Modal::BuildTriggerButton("confirmModal",
  "Delete account", bsDanger);
String dialog = TsgcHTMLComponent_Modal::Build("confirmModal",
  "Please confirm", "This action cannot be undone.",
  "", msDefault);

// Or configure it fully and add custom footer buttons:
TsgcHTMLComponent_Modal *oModal = new TsgcHTMLComponent_Modal(NULL);
try
{
  oModal->ModalID = "confirmModal";
  oModal->Title = "Please confirm";
  oModal->Body = "This action cannot be undone.";
  oModal->Size = msLarge;
  oModal->Centered = true;
  oModal->StaticBackdrop = true;

  oModal->AddFooterButton("Cancel", bsSecondary, true);
  oModal->AddFooterButton("Delete", bsDanger);

  String html = oModal->HTML;   // Bootstrap modal markup
}
__finally
{
  delete oModal;
}
using esegece.sgcWebSockets;

// One-line static helper (primary form):
string trigger = TsgcHTMLComponent_Modal.BuildTriggerButton("confirmModal",
    "Delete account", TsgcHTMLButtonStyle.bsDanger);
string dialog = TsgcHTMLComponent_Modal.Build("confirmModal",
    "Please confirm", "This action cannot be undone.",
    "", TsgcHTMLModalSize.msDefault);

// Or configure it fully and add custom footer buttons:
var modal = new TsgcHTMLComponent_Modal();
modal.ModalID = "confirmModal";
modal.Title = "Please confirm";
modal.Body = "This action cannot be undone.";
modal.Size = TsgcHTMLModalSize.msLarge;
modal.Centered = true;
modal.StaticBackdrop = true;

modal.AddFooterButton("Cancel", TsgcHTMLButtonStyle.bsSecondary, true);
modal.AddFooterButton("Delete", TsgcHTMLButtonStyle.bsDanger);

string html = modal.HTML;   // Bootstrap modal markup

Proprietà e metodi principali

I membri che utilizzerai più spesso.

Contenuto

Title imposta l’intestazione, Body contiene il contenuto della finestra di dialogo e Footer accetta HTML grezzo per il piè di pagina; ModalID è l’id dell’elemento usato dagli attivatori.

Pulsanti del piè di pagina

AddFooterButton(text, style, closeOnClick) aggiunge un pulsante stilizzato; passa True per closeOnClick per chiudere la modale al clic.

Dimensionamento

Size seleziona msDefault, msSmall, msLarge, msXLarge o msFullscreen tramite TsgcHTMLModalSize.

Comportamento

Centered centra verticalmente la finestra di dialogo, Scrollable fa scorrere un corpo lungo, StaticBackdrop blocca la chiusura al clic esterno e ShowClose attiva/disattiva la X nell’intestazione.

Helper statici

Build(id, title, body, footer, size) restituisce una modale pronta; BuildTriggerButton(modalID, text, style) emette un pulsante che la apre.

Output

HTML restituisce il markup completo della modale Bootstrap — servilo, oppure assegnalo al BodyContent di un template di pagina.

Continua a esplorare

Tutti i componenti sgcHTMLEsplora la matrice completa delle funzionalità di oltre 60 componenti.
Scarica la Prova GratuitaLa prova di 30 giorni include i progetti demo 60.HTML.
PrezziLicenze Single, Team e Site con codice sorgente completo.

Pronto a Iniziare?

Scarica la versione di prova gratuita e inizia a creare interfacce web in Delphi, C++ Builder e .NET.