En bref

Un composant de boîte de dialogue modale qui émet du balisage modal Bootstrap 5. Définissez le titre, le corps et la taille, ajoutez des boutons de pied de page, puis lisez la propriété HTML — ou appelez l'assistant statique Build pour une seule ligne.

Classe du composant

TsgcHTMLComponent_Modal

Produit

Du balisage modal Bootstrap 5

Famille

Surcouches & Retours

Langages

Delphi, C++ Builder, .NET

QuickStart

Construisez-le en une ligne, ou configurez-le entièrement

Appelez Build(id, title, body, footer, size) pour une modale rapide, ou créez le composant, ajoutez des boutons de pied de page avec AddFooterButton, puis lisez HTML. Associez-le à BuildTriggerButton pour ouvrir la boîte de dialogue.

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

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Contenu

Title définit l'en-tête, Body contient le contenu de la boîte de dialogue et Footer prend du HTML brut de pied de page ; ModalID est l'identifiant d'élément utilisé par les déclencheurs.

Boutons de pied de page

AddFooterButton(text, style, closeOnClick) ajoute un bouton stylisé ; passez True pour closeOnClick afin de fermer la modale au clic.

Dimensionnement

Size sélectionne msDefault, msSmall, msLarge, msXLarge ou msFullscreen via TsgcHTMLModalSize.

Comportement

Centered centre verticalement la boîte de dialogue, Scrollable fait défiler un corps long, StaticBackdrop bloque la fermeture au clic extérieur et ShowClose active la croix d'en-tête.

Assistants statiques

Build(id, title, body, footer, size) renvoie une modale prête ; BuildTriggerButton(modalID, text, style) émet un bouton qui l'ouvre.

Sortie

HTML renvoie le balisage modal Bootstrap complet — servez-le, ou affectez-le au BodyContent d'un modèle de page.

Ressources

Continuez l'exploration

	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir

Modal

TsgcHTMLComponent_Modal