Toolbar
TsgcHTMLComponent_Toolbar — Delphi, C++ Builder ve .NET'te düğmeleri ayraçlar, simgeler ve araç ipuçlarıyla gruplayan bir düğme araç çubuğu işleyin.
TsgcHTMLComponent_Toolbar — Delphi, C++ Builder ve .NET'te düğmeleri ayraçlar, simgeler ve araç ipuçlarıyla gruplayan bir düğme araç çubuğu işleyin.
Ayraçlarla bölünmüş btn-group'lardan oluşan bir Bootstrap <div class="btn-toolbar"> üreten bir gezinme bileşeni. Düğmeler (ve ayraçlar) ekleyin, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_Toolbar
Bootstrap btn-toolbar işaretlemesi
Delphi, C++ Builder, .NET
Her düğme için AddButton'u ve grupları ayırmak için AddSeparator'ı çağırın, ardından HTML'i okuyun.
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">
En sık başvurduğunuz üyeler.
AddButton(text, style, href), bir düğme ekler; href olmadan bir <button> işler, aksi takdirde düğme olarak biçimlendirilmiş bir bağlantı.
AddSeparator, geçerli btn-group'u kapatır ve küçük bir boşlukla yenisini başlatır, böylece düğmeler mantıksal gruplar halinde kümelenir.
Daha ince denetim için Items.Add, bir TsgcHTMLToolbarItem döndürür: Text, Href, ButtonStyle, Icon, Disabled, Separator ve Tooltip'i ayarlayın.
Öğe başına, ButtonStyle herhangi bir TsgcHTMLButtonStyle seçer (dolu veya anahat varyantı, varsayılan bsOutlinePrimary); Tooltip, bir Bootstrap araç ipucu bağlar.
Size, her düğme grubuna uygulanan tbsDefault, tbsSmall veya tbsLarge seçer; ToolbarID, kimliği ayarlar.
HTML, düğme gruplarıyla birlikte tam <div class="btn-toolbar">'yı döndürür — sunun ya da bir sayfa şablonunun BodyContent'ine atayın.