En bref

TsgcHTMLComponent_Accordion

Une pile de panneaux repliables basée sur l'accordion de Bootstrap. Ajoutez des éléments avec un titre et un contenu, indiquez lesquels démarrent ouverts, puis lisez la propriété HTML.

Classe du composant

TsgcHTMLComponent_Accordion

Produit

Du balisage accordion Bootstrap 5

Famille

Contenu & Mise en page

Langages

Delphi, C++ Builder, .NET

QuickStart

Créez-le, ajoutez des panneaux, affichez-le

Ajoutez chaque panneau via Items.Add, définissez son Title, son Content et son indicateur Expanded, puis lisez 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

Référence

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

Les membres que vous utilisez le plus souvent.

Items

Items (TsgcHTMLAccordionItems) contient les panneaux ; appelez Items.Add pour en ajouter un et le configurer.

Contenu de l'élément

Chaque élément expose Title pour le bouton d'en-tête, Content pour le corps du panneau et Expanded pour le démarrer ouvert.

Simple ou multiple

AlwaysOpen permet à plusieurs panneaux de rester ouverts en même temps ; désactivé, l'ouverture d'un panneau replie les autres.

Style

Flush supprime les bordures extérieures et les coins arrondis pour un accordéon bord à bord.

Identité

AccordionID définit l'identifiant du conteneur utilisé pour câbler le parent de repliement des panneaux.

Sortie

HTML renvoie le balisage accordion complet — servez-le, ou affectez-le au contenu du corps d'un modèle de page.

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

Accordion