Popover

TsgcHTMLComponent_Popover — verbinden Sie ein Bootstrap-5-Popover mit Titel und Inhalt mit einem beliebigen Trigger-Element, mit konfigurierbarer Platzierung, Auslösung und Schließverhalten, in Delphi, C++ Builder und .NET.

Auf einen Blick

Eine Popover-Komponente, die ein Trigger-Element mit Bootstrap-5-popover-Datenattributen und einem Auto-Init-Skript umschließt. Setzen Sie Inhalt, Titel und Inhaltstext und lesen Sie dann die HTML-Eigenschaft — oder rufen Sie den statischen Build-Helfer für einen Einzeiler auf.

Komponentenklasse

TsgcHTMLComponent_Popover

Rendert

Bootstrap-5-Popover-Markup

Familie

Overlays & Feedback

Sprachen

Delphi, C++ Builder, .NET

QuickStart

In einer Zeile erstellen oder vollständig konfigurieren

Rufen Sie BuildButton(text, title, body, style, placement) für eine Popover-Schaltfläche auf oder erstellen Sie die Komponente, setzen Sie Placement und Trigger und lesen Sie dann 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

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Inhalt

Content ist das innere HTML des Trigger-Elements; ist es leer, wird stattdessen eine aus Title und ContentStyle gebaute gestaltete Schaltfläche verwendet.

Title setzt die Popover-Überschrift und Body dessen Text (das Bootstrap-data-bs-content).

Platzierung

Placement positioniert das Popover mit plTop, plBottom, plLeft oder plRight über TsgcHTMLPlacement.

Auslöser

Trigger wählt ptClick, ptHover, ptFocus oder ptManual; Dismissible schließt es beim nächsten Klick außerhalb.

Initialisierung

AutoInit hängt ein Skript an, das new bootstrap.Popover für jedes Popover aufruft; überschreiben Sie das Skript über InitScript.

Statische Helfer & Ausgabe

Build(content, title, body, placement, trigger) und BuildButton(text, title, body, style, placement) geben fertiges Markup zurück; HTML gibt den Trigger samt seines Init-Skripts aus.

Ressourcen

Weiter entdecken

	Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 60 Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen