Tabs
TsgcHTMLComponent_Tabs — 渲染一个选项卡、胶囊或下划线组，带有可切换的内容窗格，适用于 Delphi、C++ Builder 和 .NET。
TsgcHTMLComponent_Tabs — 渲染一个选项卡、胶囊或下划线组，带有可切换的内容窗格，适用于 Delphi、C++ Builder 和 .NET。
一个导航组件，发出一个 Bootstrap 选项卡导航以及一个用 data-bs-toggle="tab" 接入的 tab-content 窗格块。添加带有标题和内容的项目，然后读取 HTML 属性。
选择一个 Style，推入带有 Title 和 Content 的项目（标记其中一个为 Active），然后读取 HTML。
uses
sgcHTML_Component_Tabs;
var
oTabs: TsgcHTMLComponent_Tabs;
begin
oTabs := TsgcHTMLComponent_Tabs.Create(nil);
try
oTabs.Style := tsTab;
oTabs.Fill := True;
with oTabs.Items.Add do begin Title := 'Overview'; Content := '<p>Welcome.</p>'; Active := True; end;
with oTabs.Items.Add do begin Title := 'Details'; Content := '<p>The details.</p>'; end;
with oTabs.Items.Add do begin Title := 'Settings'; Content := '<p>Settings.</p>'; end;
WebModule.Response := oTabs.HTML; // nav-tabs + tab-content
finally
oTabs.Free;
end;
end;// includes: sgcHTML_Component_Tabs.hpp
TsgcHTMLComponent_Tabs *oTabs = new TsgcHTMLComponent_Tabs(NULL);
try
{
oTabs->Style = tsTab;
oTabs->Fill = true;
TsgcHTMLTabItem *oItem = oTabs->Items->Add();
oItem->Title = "Overview"; oItem->Content = "<p>Welcome.</p>"; oItem->Active = true;
oItem = oTabs->Items->Add(); oItem->Title = "Details"; oItem->Content = "<p>The details.</p>";
oItem = oTabs->Items->Add(); oItem->Title = "Settings"; oItem->Content = "<p>Settings.</p>";
String html = oTabs->HTML; // nav-tabs + tab-content
}
__finally
{
delete oTabs;
}using esegece.sgcWebSockets;
var tabs = new TsgcHTMLComponent_Tabs();
tabs.Style = TsgcHTMLTabStyle.tsTab;
tabs.Fill = true;
var item = tabs.Items.Add();
item.Title = "Overview"; item.Content = "<p>Welcome.</p>"; item.Active = true;
item = tabs.Items.Add(); item.Title = "Details"; item.Content = "<p>The details.</p>";
item = tabs.Items.Add(); item.Title = "Settings"; item.Content = "<p>Settings.</p>";
string html = tabs.HTML; // nav-tabs + tab-content您最常使用的成员。
Items.Add 返回一个 TsgcHTMLTabItem；设置 Title、Content（窗格标记），并标记其中一个为 Active，以便加载时显示某个窗格。
Style 选择 tsTab（默认）、tsPill 或 tsUnderline，映射到 nav-tabs、nav-pills 或 nav-underline。
Vertical 将导航沿侧面排列；Fill 和 Justify 将选项卡按钮铺满可用宽度。
对每个项目，Disabled 将选项卡置灰，TabID 覆盖生成的窗格 id（否则由 TabsID 派生）。
TabsID（默认 sgcTabs）为生成的选项卡和窗格 id 添加前缀，将每个按钮与其窗格关联起来。
HTML 返回导航列表以及 tab-content 窗格 — 直接提供服务，或将其赋给页面模板的 BodyContent。