Auf einen Blick

TsgcHTMLComponent_Accordion

Ein Stapel einklappbarer Panels, aufgebaut auf dem Bootstrap-accordion. Fügen Sie Elemente mit Titel und Inhalt hinzu, legen Sie fest, welche geöffnet starten, und lesen Sie dann die HTML-Eigenschaft.

Komponentenklasse

TsgcHTMLComponent_Accordion

Rendert

Bootstrap-5-accordion-Markup

Familie

Inhalt & Layout

Sprachen

Delphi, C++ Builder, .NET

QuickStart

Erstellen, Panels hinzufügen, rendern

Fügen Sie jedes Panel über Items.Add hinzu, setzen Sie dessen Title, Content und das Expanded-Flag und lesen Sie dann HTML.

uses
  sgcHTML_Component_Accordion;

var
  oAcc: TsgcHTMLComponent_Accordion;
begin
  oAcc := TsgcHTMLComponent_Accordion.Create(nil);
  try
    oAcc.AccordionID := 'faq';
    oAcc.Flush := False;
    oAcc.AlwaysOpen := False;

    with oAcc.Items.Add do
    begin
      Title := 'What is sgcHTML?';
      Content := 'A server-side HTML component library.';
      Expanded := True;
    end;
    with oAcc.Items.Add do
    begin
      Title := 'Which languages?';
      Content := 'Delphi, C++ Builder and .NET.';
    end;

    WebModule.Response := oAcc.HTML;   // Bootstrap accordion
  finally
    oAcc.Free;
  end;
end;

// includes: sgcHTML_Component_Accordion.hpp

TsgcHTMLComponent_Accordion *oAcc = new TsgcHTMLComponent_Accordion(NULL);
try
{
  oAcc->AccordionID = "faq";
  oAcc->Flush = false;
  oAcc->AlwaysOpen = false;

  TsgcHTMLAccordionItem *oItem = oAcc->Items->Add();
  oItem->Title = "What is sgcHTML?";
  oItem->Content = "A server-side HTML component library.";
  oItem->Expanded = true;

  oItem = oAcc->Items->Add();
  oItem->Title = "Which languages?";
  oItem->Content = "Delphi, C++ Builder and .NET.";

  String html = oAcc->HTML;   // Bootstrap accordion
}
__finally
{
  delete oAcc;
}

using esegece.sgcWebSockets;

var acc = new TsgcHTMLComponent_Accordion();
acc.AccordionID = "faq";
acc.Flush = false;
acc.AlwaysOpen = false;

var item = acc.Items.Add();
item.Title = "What is sgcHTML?";
item.Content = "A server-side HTML component library.";
item.Expanded = true;

item = acc.Items.Add();
item.Title = "Which languages?";
item.Content = "Delphi, C++ Builder and .NET.";

string html = acc.HTML;   // Bootstrap accordion

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Items

Items (TsgcHTMLAccordionItems) enthält die Panels; rufen Sie Items.Add auf, um eines anzuhängen und zu konfigurieren.

Elementinhalt

Jedes Element stellt Title für die Kopfzeilenschaltfläche, Content für den Panelinhalt und Expanded bereit, um es geöffnet zu starten.

Einzeln vs. mehrfach

AlwaysOpen erlaubt es, dass mehrere Panels gleichzeitig geöffnet bleiben; ist es deaktiviert, klappt das Öffnen eines Panels die anderen ein.

Stil

Flush entfernt die äußeren Rahmen und abgerundeten Ecken für ein randloses Accordion.

Identität

AccordionID legt die Container-ID fest, die zum Verknüpfen des Collapse-Parents für die Panels verwendet wird.

Ausgabe

HTML gibt das vollständige accordion-Markup zurück — liefern Sie es aus oder weisen Sie es dem Inhaltsbereich einer Seitenvorlage zu.

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

Accordion