In één oogopslag

TsgcHTMLComponent_Accordion

Een stapel inklapbare panelen gebouwd op de Bootstrap-accordion. Voeg items toe met een titel en inhoud, geef aan welke open beginnen en lees dan de HTML-eigenschap.

Componentklasse

TsgcHTMLComponent_Accordion

Rendert

Bootstrap 5 accordion-markup

Familie

Content en layout

Talen

Delphi, C++ Builder, .NET

QuickStart

Maak hem aan, voeg panelen toe, render hem

Voeg elk paneel toe via Items.Add, stel zijn Title, Content en Expanded-vlag in en lees dan 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

Referentie

Belangrijkste eigenschappen en methoden

De members die je het vaakst gebruikt.

Items

Items (TsgcHTMLAccordionItems) bevat de panelen; roep Items.Add aan om er een toe te voegen en te configureren.

Iteminhoud

Elk item biedt Title voor de kopknop, Content voor de paneelbody en Expanded om het open te laten beginnen.

Enkel vs meervoudig

AlwaysOpen laat meerdere panelen tegelijk openblijven; staat het uit, dan klapt het openen van één paneel de andere in.

Stijl

Flush verwijdert de buitenranden en afgeronde hoeken voor een edge-to-edge accordeon.

Identiteit

AccordionID stelt de container-id in die gebruikt wordt om de collapse-parent voor de panelen te koppelen.

Uitvoer

HTML retourneert de volledige accordion-markup — serveer hem, of wijs hem toe aan de body-inhoud van een paginatemplate.

Bronnen

Blijf ontdekken

	Alle sgcHTML-componentenBlader door de volledige functiematrix van 60+ componenten.	Openen
	Download gratis proefversieDe proefversie van 30 dagen bevat de 60.HTML-demoprojecten.	Openen
	PrijzenSingle-, Team- en Site-licenties met volledige broncode.	Openen

Accordion