Toolbar
TsgcHTMLComponent_Toolbar — Delphi, C++ Builder 및 .NET에서 구분선, 아이콘 및 툴팁으로 버튼을 그룹화하는 버튼 툴바를 렌더링합니다.
TsgcHTMLComponent_Toolbar — Delphi, C++ Builder 및 .NET에서 구분선, 아이콘 및 툴팁으로 버튼을 그룹화하는 버튼 툴바를 렌더링합니다.
구분선으로 나뉜 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.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에 할당하십시오.