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 — genera una barra de herramientas de botones que agrupa botones con separadores, iconos y tooltips, en Delphi, C++ Builder y .NET.
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.
TsgcHTMLComponent_Toolbar
Marcado de btn-toolbar de Bootstrap
Delphi, C++ Builder, .NET
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">
Los miembros que usarás con más frecuencia.
AddButton(text, style, href) añade un botón; sin href genera un <button>, de lo contrario un enlace con estilo de botón.
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.Add devuelve un TsgcHTMLToolbarItem para un control más fino: establece Text, Href, ButtonStyle, Icon, Disabled, Separator y Tooltip.
Por item, ButtonStyle elige cualquier TsgcHTMLButtonStyle (variante sólida o de contorno, por defecto bsOutlinePrimary); Tooltip conecta un tooltip de Bootstrap.
Size selecciona tbsDefault, tbsSmall o tbsLarge, aplicado a cada grupo de botones; ToolbarID establece el id.
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.