Breadcrumb Component — sgcHTML | eSeGeCe

Breadcrumb

TsgcHTMLComponent_Breadcrumb — renderizza un percorso breadcrumb che mostra la posizione dell'utente all'interno del tuo sito, in Delphi, C++ Builder e .NET.

In sintesi

Un componente di navigazione che emette un <ol class="breadcrumb"> Bootstrap. L'ultimo elemento (o uno contrassegnato come Active) viene renderizzato come pagina corrente. Aggiungi gli elementi, quindi leggi la proprietà HTML.

Classe del componente

TsgcHTMLComponent_Breadcrumb

Renderizza

Markup breadcrumb di Bootstrap

Famiglia

Navigazione e Struttura

Linguaggi

Delphi, C++ Builder, .NET

QuickStart

Crealo, aggiungi gli elementi, renderizzalo

Inserisci un elemento per ogni segmento del percorso in Items, imposta facoltativamente un Divider personalizzato, quindi leggi 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">

Riferimento

Proprietà e metodi principali

I membri che utilizzerai più spesso.

Items

Items.Add restituisce un TsgcHTMLBreadcrumbItem; imposta il suo Text e Href per ogni segmento del percorso, in ordine.

Pagina corrente

L'ultimo elemento, o qualsiasi elemento contrassegnato come Active, viene renderizzato come testo semplice con aria-current="page" anziché come link.

Divider

Divider sovrascrive il separatore tra gli elementi (ad esempio '>' o '/') tramite la variabile Bootstrap --bs-breadcrumb-divider.

Identità

BreadcrumbID imposta l'id sul <nav> contenitore per agganci di stile o di scripting.

Output

HTML restituisce l'intero <nav aria-label="breadcrumb"> con la sua lista ordinata — servilo, oppure assegnalo al BodyContent di un template di pagina.

Risorse

Continua a esplorare

	Guida in lineaRiferimento API completo e guida all’uso per questo componente.	Apri
	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