Toolbar

TsgcHTMLComponent_Toolbar — genera una barra de herramientas de botones que agrupa botones con separadores, iconos y tooltips, en Delphi, C++ Builder y .NET.

TsgcHTMLComponent_Toolbar

Un componente de navegación que emite un <div class="btn-toolbar"> de Bootstrap con btn-groups separados por divisores. Añade botones (y separadores) y luego lee la propiedad HTML.

Clase del componente

TsgcHTMLComponent_Toolbar

Genera

Marcado de btn-toolbar de Bootstrap

Lenguajes

Delphi, C++ Builder, .NET

Créalo, añade botones, renderízalo

Llama a AddButton por cada botón y a AddSeparator para separar los grupos, luego lee 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">

Propiedades y métodos clave

Los miembros que usarás con más frecuencia.

Botones

AddButton(text, style, href) añade un botón; sin href genera un <button>, de lo contrario un enlace con estilo de botón.

Grupos

AddSeparator cierra el btn-group actual e inicia uno nuevo con un pequeño espacio, para que los botones se agrupen en grupos lógicos.

Items

Items.Add devuelve un TsgcHTMLToolbarItem para un control más fino: establece Text, Href, ButtonStyle, Icon, Disabled, Separator y Tooltip.

Estilo

Por item, ButtonStyle elige cualquier TsgcHTMLButtonStyle (variante sólida o de contorno, por defecto bsOutlinePrimary); Tooltip conecta un tooltip de Bootstrap.

Tamaño

Size selecciona tbsDefault, tbsSmall o tbsLarge, aplicado a cada grupo de botones; ToolbarID establece el id.

Salida

HTML devuelve el <div class="btn-toolbar"> completo con sus grupos de botones — sírvelo, o asígnalo al BodyContent de una plantilla de página.

Sigue explorando

Todos los componentes de sgcHTMLExplora la matriz completa de más de 60 componentes.
Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML.
PreciosLicencias Single, Team y Site con código fuente completo.

¿Listo para empezar?

Descarga la prueba gratuita y empieza a construir interfaces web en Delphi, C++ Builder y .NET.