Popover
TsgcHTMLComponent_Popover — Delphi, C++ Builder 및 .NET에서 구성 가능한 배치, 트리거 및 닫기 동작과 함께 제목과 본문이 있는 Bootstrap 5 팝오버를 어떤 트리거 요소에든 연결합니다.
TsgcHTMLComponent_Popover — Delphi, C++ Builder 및 .NET에서 구성 가능한 배치, 트리거 및 닫기 동작과 함께 제목과 본문이 있는 Bootstrap 5 팝오버를 어떤 트리거 요소에든 연결합니다.
트리거 요소를 Bootstrap 5 popover 데이터 속성과 자동 초기화 스크립트로 감싸는 팝오버 컴포넌트입니다. 콘텐츠, 제목 및 본문을 설정한 다음, HTML 속성을 읽습니다 — 또는 한 줄짜리 정적 Build 헬퍼를 호출하십시오.
TsgcHTMLComponent_Popover
Bootstrap 5 popover 마크업
Delphi, C++ Builder, .NET
팝오버 버튼을 위해 BuildButton(text, title, body, style, placement)을 호출하거나, 컴포넌트를 생성하고 Placement와 Trigger를 설정한 다음, HTML을 읽습니다.
uses
sgcHTML_Enums, sgcHTML_Component_Popover;
// One-line static helper (primary form):
var
vHTML: string;
begin
vHTML := TsgcHTMLComponent_Popover.BuildButton('More info',
'Pricing', 'All licenses include full source code.',
bsPrimary, plTop);
WebModule.Response := vHTML;
end;
// Or configure it fully:
var
oPop: TsgcHTMLComponent_Popover;
begin
oPop := TsgcHTMLComponent_Popover.Create(nil);
try
oPop.Content := '<a href="#" class="btn btn-info">Details</a>';
oPop.Title := 'Shipping';
oPop.Body := 'Free delivery on orders over 50.';
oPop.Placement := plRight;
oPop.Trigger := ptHover;
oPop.Dismissible := True;
WebModule.Response := oPop.HTML; // trigger + popover init script
finally
oPop.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Popover.hpp
// One-line static helper (primary form):
String html = TsgcHTMLComponent_Popover::BuildButton("More info",
"Pricing", "All licenses include full source code.",
bsPrimary, plTop);
// Or configure it fully:
TsgcHTMLComponent_Popover *oPop = new TsgcHTMLComponent_Popover(NULL);
try
{
oPop->Content = "<a href=\"#\" class=\"btn btn-info\">Details</a>";
oPop->Title = "Shipping";
oPop->Body = "Free delivery on orders over 50.";
oPop->Placement = plRight;
oPop->Trigger = ptHover;
oPop->Dismissible = true;
String html = oPop->HTML; // trigger + popover init script
}
__finally
{
delete oPop;
}using esegece.sgcWebSockets;
// One-line static helper (primary form):
string html = TsgcHTMLComponent_Popover.BuildButton("More info",
"Pricing", "All licenses include full source code.",
TsgcHTMLButtonStyle.bsPrimary, TsgcHTMLPlacement.plTop);
// Or configure it fully:
var pop = new TsgcHTMLComponent_Popover();
pop.Content = "<a href=\"#\" class=\"btn btn-info\">Details</a>";
pop.Title = "Shipping";
pop.Body = "Free delivery on orders over 50.";
pop.Placement = TsgcHTMLPlacement.plRight;
pop.Trigger = TsgcHTMLPopoverTrigger.ptHover;
pop.Dismissible = true;
string html = pop.HTML; // trigger + popover init script가장 자주 사용하게 되는 멤버.
Content는 트리거 요소의 내부 HTML입니다. 비어 있으면 Title과 ContentStyle로 구성된 스타일이 적용된 버튼이 대신 사용됩니다.
Title은 팝오버 제목을, Body는 그 텍스트(Bootstrap data-bs-content)를 설정합니다.
Placement는 TsgcHTMLPlacement를 통해 팝오버를 plTop, plBottom, plLeft 또는 plRight에 배치합니다.
Trigger는 ptClick, ptHover, ptFocus 또는 ptManual을 선택합니다. Dismissible은 다음 외부 클릭 시 이를 닫습니다.
AutoInit은 모든 팝오버에 대해 new bootstrap.Popover를 호출하는 스크립트를 추가합니다. InitScript를 통해 스크립트를 재정의하십시오.
Build(content, title, body, placement, trigger)와 BuildButton(text, title, body, style, placement)은 준비된 마크업을 반환합니다. HTML은 트리거와 그 초기화 스크립트를 내보냅니다.