Toolbar Component — sgcHTML | eSeGeCe

Toolbar

TsgcHTMLComponent_Toolbar — erzeugt eine Button-Toolbar, die Buttons mit Trennern, Icons und Tooltips gruppiert, in Delphi, C++ Builder und .NET.

Auf einen Blick

Eine Navigationskomponente, die ein Bootstrap-<div class="btn-toolbar"> aus btn-groups erzeugt, die durch Trenner aufgeteilt sind. Füge Buttons (und Trenner) hinzu und lies dann die Eigenschaft HTML aus.

Komponentenklasse

TsgcHTMLComponent_Toolbar

Erzeugt

Bootstrap-btn-toolbar-Markup

Familie

Navigation & Struktur

Sprachen

Delphi, C++ Builder, .NET

QuickStart

Erstellen, Buttons hinzufügen, rendern

Rufe für jeden Button AddButton auf und AddSeparator, um die Gruppen zu trennen, und lies dann HTML aus.

uses
  sgcHTML_Enums, sgcHTML_Component_Toolbar;

var
  oToolbar: TsgcHTMLComponent_Toolbar;
begin
  oToolbar := TsgcHTMLComponent_Toolbar.Create(nil);
  try
    oToolbar.Size := tbsDefault;

    oToolbar.AddButton('New', bsPrimary, '/new');
    oToolbar.AddButton('Edit', bsOutlinePrimary, '/edit');
    oToolbar.AddSeparator;
    oToolbar.AddButton('Delete', bsOutlineDanger, '/delete');

    WebModule.Response := oToolbar.HTML;   // <div class="btn-toolbar">
  finally
    oToolbar.Free;
  end;
end;

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Toolbar.hpp

TsgcHTMLComponent_Toolbar *oToolbar = new TsgcHTMLComponent_Toolbar(NULL);
try
{
  oToolbar->Size = tbsDefault;

  oToolbar->AddButton("New", bsPrimary, "/new");
  oToolbar->AddButton("Edit", bsOutlinePrimary, "/edit");
  oToolbar->AddSeparator();
  oToolbar->AddButton("Delete", bsOutlineDanger, "/delete");

  String html = oToolbar->HTML;   // <div class="btn-toolbar">
}
__finally
{
  delete oToolbar;
}

using esegece.sgcWebSockets;

var toolbar = new TsgcHTMLComponent_Toolbar();
toolbar.Size = TsgcHTMLToolbarSize.tbsDefault;

toolbar.AddButton("New", TsgcHTMLButtonStyle.bsPrimary, "/new");
toolbar.AddButton("Edit", TsgcHTMLButtonStyle.bsOutlinePrimary, "/edit");
toolbar.AddSeparator();
toolbar.AddButton("Delete", TsgcHTMLButtonStyle.bsOutlineDanger, "/delete");

string html = toolbar.HTML;   // <div class="btn-toolbar">

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die du am häufigsten brauchst.

Buttons

AddButton(text, style, href) hängt einen Button an; ohne href wird ein <button> gerendert, andernfalls ein als Button gestalteter Anker.

Gruppen

AddSeparator schließt die aktuelle btn-group und startet mit einem kleinen Abstand eine neue, sodass sich Buttons zu logischen Gruppen bündeln.

Items

Items.Add gibt ein TsgcHTMLToolbarItem für feinere Kontrolle zurück: setze Text, Href, ButtonStyle, Icon, Disabled, Separator und Tooltip.

Stil

Pro Item wählt ButtonStyle einen beliebigen TsgcHTMLButtonStyle (gefüllte oder Outline-Variante, Standard bsOutlinePrimary); Tooltip bindet einen Bootstrap-Tooltip ein.

Größe

Size wählt tbsDefault, tbsSmall oder tbsLarge, angewendet auf jede Button-Gruppe; ToolbarID setzt die id.

Ausgabe

HTML gibt das vollständige <div class="btn-toolbar"> mit seinen Button-Gruppen zurück — liefere es aus oder weise es dem BodyContent einer Seitenvorlage zu.

Ressourcen

Weiter entdecken

	Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente.	Öffnen
	Alle sgcHTML-KomponentenDurchstöbere die vollständige Funktionsmatrix mit 60+ Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollem Quellcode.	Öffnen