Toolbar

TsgcHTMLComponent_Toolbar — génère une barre d'outils de boutons qui regroupe les boutons avec des séparateurs, des icônes et des infobulles, en Delphi, C++ Builder et .NET.

TsgcHTMLComponent_Toolbar

Un composant de navigation qui émet un Bootstrap <div class="btn-toolbar"> de btn-group séparés par des séparateurs. Ajoute des boutons (et des séparateurs), puis lis la propriété HTML.

Classe du composant

TsgcHTMLComponent_Toolbar

Génère

Balisage btn-toolbar Bootstrap

Langages

Delphi, C++ Builder, .NET

Crée-le, ajoute des boutons, génère-le

Appelle AddButton pour chaque bouton et AddSeparator pour scinder les groupes, puis lis HTML.

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

Propriétés et méthodes clés

Les membres que tu utilises le plus souvent.

Boutons

AddButton(text, style, href) ajoute un bouton ; sans href, il génère un <button>, sinon un lien stylisé en bouton.

Groupes

AddSeparator ferme le btn-group courant et en démarre un nouveau avec un petit espace, pour que les boutons se regroupent en ensembles logiques.

Items

Items.Add renvoie un TsgcHTMLToolbarItem pour un contrôle plus fin : définis Text, Href, ButtonStyle, Icon, Disabled, Separator et Tooltip.

Style

Par item, ButtonStyle choisit n'importe quel TsgcHTMLButtonStyle (variante pleine ou contour, par défaut bsOutlinePrimary) ; Tooltip raccorde une infobulle Bootstrap.

Taille

Size sélectionne tbsDefault, tbsSmall ou tbsLarge, appliqué à chaque groupe de boutons ; ToolbarID définit l'id.

Sortie

HTML renvoie le <div class="btn-toolbar"> complet avec ses groupes de boutons — sers-le, ou affecte-le au BodyContent d'un template de page.

Continuer l'exploration

Tous les composants sgcHTMLParcours la matrice complète de plus de 60 composants.
Télécharger l'essai gratuitL'essai de 30 jours inclut les projets de démonstration 60.HTML.
TarifsLicences Single, Team et Site avec le code source complet.

Prêt à commencer ?

Télécharge l'essai gratuit et commence à créer des interfaces web en Delphi, C++ Builder et .NET.