Popover

TsgcHTMLComponent_Popover — attachez un popover Bootstrap 5 avec un titre et un corps à n'importe quel élément déclencheur, avec un comportement de placement, de déclenchement et de fermeture configurable, en Delphi, C++ Builder et .NET.

En bref

Un composant popover qui enveloppe un élément déclencheur avec des attributs de données popover Bootstrap 5 et un script d'auto-initialisation. Définissez le contenu, le titre et le corps, puis lisez la propriété HTML — ou appelez l'assistant statique Build pour une seule ligne.

Classe du composant

TsgcHTMLComponent_Popover

Produit

Du balisage popover Bootstrap 5

Famille

Surcouches & Retours

Langages

Delphi, C++ Builder, .NET

QuickStart

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

Appelez BuildButton(text, title, body, style, placement) pour un bouton popover, ou créez le composant, définissez Placement et Trigger, puis lisez HTML.

uses
  sgcHTML_Enums, sgcHTML_Component_Popover;

// One-line static helper (primary form):
var
  vHTML: string;
begin
  vHTML := TsgcHTMLComponent_Popover.BuildButton('More info',
    'Pricing', 'All licenses include full source code.',
    bsPrimary, plTop);
  WebModule.Response := vHTML;
end;

// Or configure it fully:
var
  oPop: TsgcHTMLComponent_Popover;
begin
  oPop := TsgcHTMLComponent_Popover.Create(nil);
  try
    oPop.Content := '<a href="#" class="btn btn-info">Details</a>';
    oPop.Title := 'Shipping';
    oPop.Body := 'Free delivery on orders over 50.';
    oPop.Placement := plRight;
    oPop.Trigger := ptHover;
    oPop.Dismissible := True;

    WebModule.Response := oPop.HTML;   // trigger + popover init script
  finally
    oPop.Free;
  end;
end;

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Popover.hpp

// One-line static helper (primary form):
String html = TsgcHTMLComponent_Popover::BuildButton("More info",
  "Pricing", "All licenses include full source code.",
  bsPrimary, plTop);

// Or configure it fully:
TsgcHTMLComponent_Popover *oPop = new TsgcHTMLComponent_Popover(NULL);
try
{
  oPop->Content = "<a href=\"#\" class=\"btn btn-info\">Details</a>";
  oPop->Title = "Shipping";
  oPop->Body = "Free delivery on orders over 50.";
  oPop->Placement = plRight;
  oPop->Trigger = ptHover;
  oPop->Dismissible = true;

  String html = oPop->HTML;   // trigger + popover init script
}
__finally
{
  delete oPop;
}

using esegece.sgcWebSockets;

// One-line static helper (primary form):
string html = TsgcHTMLComponent_Popover.BuildButton("More info",
    "Pricing", "All licenses include full source code.",
    TsgcHTMLButtonStyle.bsPrimary, TsgcHTMLPlacement.plTop);

// Or configure it fully:
var pop = new TsgcHTMLComponent_Popover();
pop.Content = "<a href=\"#\" class=\"btn btn-info\">Details</a>";
pop.Title = "Shipping";
pop.Body = "Free delivery on orders over 50.";
pop.Placement = TsgcHTMLPlacement.plRight;
pop.Trigger = TsgcHTMLPopoverTrigger.ptHover;
pop.Dismissible = true;

string html = pop.HTML;   // trigger + popover init script

Référence

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

Les membres que vous utilisez le plus souvent.

Contenu

Content est le HTML interne de l'élément déclencheur ; lorsqu'il est vide, un bouton stylisé construit à partir de Title et ContentStyle est utilisé à la place.

Title définit l'en-tête du popover et Body son texte (le data-bs-content de Bootstrap).

Placement

Placement positionne le popover avec plTop, plBottom, plLeft ou plRight via TsgcHTMLPlacement.

Déclenchement

Trigger sélectionne ptClick, ptHover, ptFocus ou ptManual ; Dismissible le ferme au clic extérieur suivant.

Initialisation

AutoInit ajoute un script qui appelle new bootstrap.Popover pour chaque popover ; remplacez le script via InitScript.

Assistants statiques & sortie

Build(content, title, body, placement, trigger) et BuildButton(text, title, body, style, placement) renvoient un balisage prêt ; HTML émet le déclencheur plus son script d'initialisation.

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