Bir bakışta

Bir Bootstrap <ol class="breadcrumb"> üreten bir gezinme bileşeni. Son öğe (ya da Active olarak işaretlenmiş bir öğe) geçerli sayfa olarak işlenir. Öğeler ekleyin, ardından HTML özelliğini okuyun.

Bileşen sınıfı

TsgcHTMLComponent_Breadcrumb

İşler

Bootstrap içerik haritası işaretlemesi

Aile

Gezinme & Yapı

Diller

Delphi, C++ Builder, .NET

QuickStart

Oluşturun, öğeler ekleyin, işleyin

Her iz segmenti için Items'a bir öğe ekleyin, isteğe bağlı olarak özel bir Divider ayarlayın, ardından HTML'i okuyun.

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">

Başvuru

Temel özellikler & yöntemler

En sık başvurduğunuz üyeler.

Öğeler

Items.Add bir TsgcHTMLBreadcrumbItem döndürür; her iz segmenti için sırayla Text ve Href'ini ayarlayın.

Geçerli sayfa

Son öğe ya da Active olarak işaretlenen herhangi bir öğe, bir bağlantı yerine aria-current="page" ile düz metin olarak işlenir.

Ayraç

Divider, Bootstrap --bs-breadcrumb-divider değişkeni aracılığıyla öğeler arasındaki ayırıcıyı (örneğin '>' ya da '/') geçersiz kılar.

Kimlik

BreadcrumbID, biçimlendirme ya da betik bağlantıları için saran <nav> üzerindeki kimliği ayarlar.

Çıktı

HTML, sıralı listesiyle birlikte tam <nav aria-label="breadcrumb">'i döndürür — sunun ya da bir sayfa şablonunun BodyContent'ine atayın.

Kaynaklar

Keşfetmeye devam edin

	Tüm sgcHTML Bileşenleri60'tan fazla bileşenin tam özellik matrisine göz atın.	Aç
	Ücretsiz Deneme Sürümünü İndirin30 günlük deneme, 60.HTML demo projeleriyle birlikte gelir.	Aç
	FiyatlandırmaTam kaynak kodlu Single, Team ve Site lisansları.	Aç

Breadcrumb

TsgcHTMLComponent_Breadcrumb