Toolbar
TsgcHTMLComponent_Toolbar — 渲染一个按钮工具栏,将按钮与分隔符、图标和工具提示分组,适用于 Delphi、C++ Builder 和 .NET。
TsgcHTMLComponent_Toolbar — 渲染一个按钮工具栏,将按钮与分隔符、图标和工具提示分组,适用于 Delphi、C++ Builder 和 .NET。
一个导航组件,发出一个由分隔符分割的 btn-group 组成的 Bootstrap <div class="btn-toolbar">。添加按钮(和分隔符),然后读取 HTML 属性。
为每个按钮调用 AddButton,用 AddSeparator 分割这些组,然后读取 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">
您最常使用的成员。
AddButton(text, style, href) 追加一个按钮;不提供 href 时渲染一个 <button>,否则渲染一个样式化为按钮的锚点。
AddSeparator 关闭当前的 btn-group 并以一个小间隙开始一个新组,使按钮聚成逻辑组。
Items.Add 返回一个 TsgcHTMLToolbarItem 以进行更精细的控制:设置 Text、Href、ButtonStyle、Icon、Disabled、Separator 和 Tooltip。
对每个项目,ButtonStyle 选择任意 TsgcHTMLButtonStyle(实心或轮廓变体,默认 bsOutlinePrimary);Tooltip 接入一个 Bootstrap 工具提示。
Size 选择 tbsDefault、tbsSmall 或 tbsLarge,应用于每个按钮组;ToolbarID 设置 id。
HTML 返回带有按钮组的完整 <div class="btn-toolbar"> — 直接提供服务,或将其赋给页面模板的 BodyContent。