In sintesi

TsgcHTMLComponent_Accordion

Una pila di pannelli comprimibili basata sull'accordion di Bootstrap. Aggiungi gli elementi con un titolo e un contenuto, indica quali iniziano aperti, quindi leggi la proprietà HTML.

Classe del componente

TsgcHTMLComponent_Accordion

Renderizza

Markup accordion di Bootstrap 5

Famiglia

Contenuti e Layout

Linguaggi

Delphi, C++ Builder, .NET

QuickStart

Crealo, aggiungi i pannelli, renderizzalo

Aggiungi ogni pannello tramite Items.Add, imposta il suo Title, il Content e il flag Expanded, quindi leggi 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

Riferimento

Proprietà e metodi principali

I membri che utilizzerai più spesso.

Items

Items (TsgcHTMLAccordionItems) contiene i pannelli; chiama Items.Add per aggiungerne uno e configurarlo.

Contenuto dell'elemento

Ogni elemento espone Title per il pulsante dell'intestazione, Content per il corpo del pannello ed Expanded per farlo iniziare aperto.

Singolo vs multiplo

AlwaysOpen consente a più pannelli di rimanere aperti contemporaneamente; con l'opzione disattivata, aprendo un pannello gli altri si chiudono.

Stile

Flush rimuove i bordi esterni e gli angoli arrotondati per un accordion edge-to-edge.

Identità

AccordionID imposta l'id del contenitore usato per collegare il parent di collasso dei pannelli.

Output

HTML restituisce il markup accordion completo — servilo, oppure assegnalo al contenuto del corpo di un template di pagina.

Risorse

Continua a esplorare

	Tutti i componenti sgcHTMLEsplora la matrice completa delle funzionalità di oltre 60 componenti.	Apri
	Scarica la Prova GratuitaLa prova di 30 giorni include i progetti demo 60.HTML.	Apri
	PrezziLicenze Single, Team e Site con codice sorgente completo.	Apri

Accordion