Visão geral

Um componente de navegação que emite um <ol class="breadcrumb"> Bootstrap. O último item (ou um marcado como Active) renderiza como a página atual. Adicione itens e então leia a propriedade HTML.

Classe do componente

TsgcHTMLComponent_Breadcrumb

Renderiza

Markup de breadcrumb do Bootstrap

Família

Navegação & Estrutura

Linguagens

Delphi, C++ Builder, .NET

QuickStart

Crie, adicione itens, renderize

Adicione um item por segmento da trilha a Items, opcionalmente defina um Divider personalizado e então leia 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">

Referência

Principais propriedades & métodos

Os membros que você usa com mais frequência.

Items

Items.Add retorna um TsgcHTMLBreadcrumbItem; defina seu Text e Href para cada segmento da trilha, em ordem.

Página atual

O último item, ou qualquer item marcado como Active, renderiza como texto simples com aria-current="page" em vez de um link.

Divisor

Divider substitui o separador entre itens (por exemplo '>' ou '/') através da variável Bootstrap --bs-breadcrumb-divider.

Identidade

BreadcrumbID define o id no <nav> envolvente para hooks de estilização ou scripting.

Saída

HTML retorna o <nav aria-label="breadcrumb"> completo com sua lista ordenada — sirva-o ou atribua-o ao BodyContent de um template de página.

Recursos

Continue explorando

	Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes.	Abrir
	Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML.	Abrir
	PreçosLicenças Single, Team e Site com código-fonte completo.	Abrir

Breadcrumb

TsgcHTMLComponent_Breadcrumb