En bref

Un composant de navigation qui émet un <ol class="breadcrumb"> Bootstrap. Le dernier élément (ou celui marqué Active) est rendu comme la page courante. Ajoutez des éléments, puis lisez la propriété HTML.

Classe du composant

TsgcHTMLComponent_Breadcrumb

Produit

Du balisage breadcrumb Bootstrap

Famille

Navigation & Structure

Langages

Delphi, C++ Builder, .NET

QuickStart

Créez-le, ajoutez des éléments, affichez-le

Ajoutez un élément par segment du fil dans Items, définissez éventuellement un Divider personnalisé, puis lisez HTML.

uses
  sgcHTML_Component_Breadcrumb;

var
  oBreadcrumb: TsgcHTMLComponent_Breadcrumb;
begin
  oBreadcrumb := TsgcHTMLComponent_Breadcrumb.Create(nil);
  try
    oBreadcrumb.Divider := '>';

    with oBreadcrumb.Items.Add do begin Text := 'Home'; Href := '/'; end;
    with oBreadcrumb.Items.Add do begin Text := 'Products'; Href := '/products'; end;
    with oBreadcrumb.Items.Add do begin Text := 'sgcHTML'; Active := True; end;

    WebModule.Response := oBreadcrumb.HTML;   // <ol class="breadcrumb">
  finally
    oBreadcrumb.Free;
  end;
end;

// includes: sgcHTML_Component_Breadcrumb.hpp

TsgcHTMLComponent_Breadcrumb *oBreadcrumb = new TsgcHTMLComponent_Breadcrumb(NULL);
try
{
  oBreadcrumb->Divider = ">";

  TsgcHTMLBreadcrumbItem *oItem = oBreadcrumb->Items->Add();
  oItem->Text = "Home"; oItem->Href = "/";
  oItem = oBreadcrumb->Items->Add(); oItem->Text = "Products"; oItem->Href = "/products";
  oItem = oBreadcrumb->Items->Add(); oItem->Text = "sgcHTML"; oItem->Active = true;

  String html = oBreadcrumb->HTML;   // <ol class="breadcrumb">
}
__finally
{
  delete oBreadcrumb;
}

using esegece.sgcWebSockets;

var breadcrumb = new TsgcHTMLComponent_Breadcrumb();
breadcrumb.Divider = ">";

var item = breadcrumb.Items.Add();
item.Text = "Home"; item.Href = "/";
item = breadcrumb.Items.Add(); item.Text = "Products"; item.Href = "/products";
item = breadcrumb.Items.Add(); item.Text = "sgcHTML"; item.Active = true;

string html = breadcrumb.HTML;   // <ol class="breadcrumb">

Référence

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

Les membres que vous utilisez le plus souvent.

Items

Items.Add renvoie un TsgcHTMLBreadcrumbItem ; définissez son Text et son Href pour chaque segment du fil, dans l'ordre.

Page courante

Le dernier élément, ou tout élément marqué Active, est rendu en texte simple avec aria-current="page" au lieu d'un lien.

Séparateur

Divider remplace le séparateur entre les éléments (par exemple '>' ou '/') via la variable Bootstrap --bs-breadcrumb-divider.

Identité

BreadcrumbID définit l'identifiant du <nav> englobant pour le style ou les accroches de script.

Sortie

HTML renvoie le <nav aria-label="breadcrumb"> complet avec sa liste ordonnée — servez-le, ou affectez-le au BodyContent 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

Breadcrumb

TsgcHTMLComponent_Breadcrumb