Toolbar

TsgcHTMLComponent_Toolbar — 渲染一个按钮工具栏,将按钮与分隔符、图标和工具提示分组,适用于 Delphi、C++ Builder 和 .NET。

TsgcHTMLComponent_Toolbar

一个导航组件,发出一个由分隔符分割的 btn-group 组成的 Bootstrap <div class="btn-toolbar">。添加按钮(和分隔符),然后读取 HTML 属性。

组件类

TsgcHTMLComponent_Toolbar

渲染为

Bootstrap btn-toolbar 标记

语言

Delphi, C++ Builder, .NET

创建它、添加按钮、渲染它

为每个按钮调用 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

Items.Add 返回一个 TsgcHTMLToolbarItem 以进行更精细的控制:设置 TextHrefButtonStyleIconDisabledSeparatorTooltip

样式

对每个项目,ButtonStyle 选择任意 TsgcHTMLButtonStyle(实心或轮廓变体,默认 bsOutlinePrimary);Tooltip 接入一个 Bootstrap 工具提示。

尺寸

Size 选择 tbsDefaulttbsSmalltbsLarge,应用于每个按钮组;ToolbarID 设置 id。

输出

HTML 返回带有按钮组的完整 <div class="btn-toolbar"> — 直接提供服务,或将其赋给页面模板的 BodyContent

继续探索

所有 sgcHTML 组件浏览 60 多个组件的完整功能矩阵。
下载免费试用版30 天试用版附带 60.HTML 演示项目。
价格Single、Team 和 Site 授权,均含完整源代码。

准备好开始了吗?

下载免费试用版,开始在 Delphi、C++ Builder 和 .NET 中构建 Web 界面。