Toolbar
TsgcHTMLComponent_Toolbar — genera una toolbar di pulsanti che raggruppa i pulsanti con separatori, icone e tooltip, in Delphi, C++ Builder e .NET.
TsgcHTMLComponent_Toolbar — genera una toolbar di pulsanti che raggruppa i pulsanti con separatori, icone e tooltip, in Delphi, C++ Builder e .NET.
Un componente di navigazione che emette un Bootstrap <div class="btn-toolbar"> di btn-group divisi da separatori. Aggiungi i pulsanti (e i separatori), poi leggi la proprietà HTML.
TsgcHTMLComponent_Toolbar
Markup btn-toolbar Bootstrap
Delphi, C++ Builder, .NET
Chiama AddButton per ogni pulsante e AddSeparator per dividere i gruppi, poi leggi 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">I membri che userai più spesso.
AddButton(text, style, href) aggiunge un pulsante; senza href genera un <button>, altrimenti un'ancora con lo stile di un pulsante.
AddSeparator chiude il btn-group corrente e ne avvia uno nuovo con un piccolo spazio, così i pulsanti si raggruppano in gruppi logici.
Items.Add restituisce un TsgcHTMLToolbarItem per un controllo più fine: imposta Text, Href, ButtonStyle, Icon, Disabled, Separator e Tooltip.
Per ogni elemento, ButtonStyle sceglie un qualsiasi TsgcHTMLButtonStyle (variante piena o outline, predefinito bsOutlinePrimary); Tooltip collega un tooltip Bootstrap.
Size seleziona tbsDefault, tbsSmall o tbsLarge, applicato a ogni gruppo di pulsanti; ToolbarID imposta l'id.
HTML restituisce l'intero <div class="btn-toolbar"> con i suoi gruppi di pulsanti — servilo, oppure assegnalo al BodyContent di un template di pagina.