ListGroup
TsgcHTMLComponent_ListGroup — Delphi, C++ Builder 및 .NET에서 사용자 자신의 항목 또는 데이터셋에서 직접 배지와 콘텐츠를 갖춘 링크 또는 항목의 리스트 그룹을 렌더링합니다.
TsgcHTMLComponent_ListGroup — Delphi, C++ Builder 및 .NET에서 사용자 자신의 항목 또는 데이터셋에서 직접 배지와 콘텐츠를 갖춘 링크 또는 항목의 리스트 그룹을 렌더링합니다.
Bootstrap 5 list-group을 내보내는 리스트 컴포넌트입니다. 항목을 추가하고(선택적 배지 및 콘텐츠 포함), flush / 번호 / 가로 플래그를 설정한 다음, HTML 속성을 읽습니다.
TsgcHTMLComponent_ListGroup
Bootstrap 5 list-group 마크업
Delphi, C++ Builder, .NET
각 행에 대해 AddItem(text, href, badge, badgeStyle)를 호출하고(또는 Items에 직접 추가), 레이아웃 플래그를 설정한 다음, HTML을 읽습니다(또는 TsgcHTMLTemplate_Bootstrap 페이지에 넣습니다).
uses
sgcHTML_Enums, sgcHTML_Component_ListGroup;
var
oList: TsgcHTMLComponent_ListGroup;
begin
oList := TsgcHTMLComponent_ListGroup.Create(nil);
try
oList.Flush := True;
oList.AddItem('Inbox', '/inbox', '14', bgPrimary);
oList.AddItem('Drafts', '/drafts', '2', bgSecondary);
oList.AddItem('Spam', '/spam', '99+', bgDanger);
WebModule.Response := oList.HTML; // Bootstrap list-group
finally
oList.Free;
end;
end;
// Or fill the list straight from a dataset:
oList.LoadFromDataSet(qryFolders, 'Name', 'Url', 'Unread');// includes: sgcHTML_Enums.hpp, sgcHTML_Component_ListGroup.hpp
TsgcHTMLComponent_ListGroup *oList = new TsgcHTMLComponent_ListGroup(NULL);
try
{
oList->Flush = true;
oList->AddItem("Inbox", "/inbox", "14", bgPrimary);
oList->AddItem("Drafts", "/drafts", "2", bgSecondary);
oList->AddItem("Spam", "/spam", "99+", bgDanger);
String html = oList->HTML; // Bootstrap list-group
}
__finally
{
delete oList;
}using esegece.sgcWebSockets;
var list = new TsgcHTMLComponent_ListGroup();
list.Flush = true;
list.AddItem("Inbox", "/inbox", "14", TsgcHTMLBadgeStyle.bgPrimary);
list.AddItem("Drafts", "/drafts", "2", TsgcHTMLBadgeStyle.bgSecondary);
list.AddItem("Spam", "/spam", "99+", TsgcHTMLBadgeStyle.bgDanger);
string html = list.HTML; // Bootstrap list-group
// Or fill the list straight from a dataset:
list.LoadFromDataSet(qryFolders, "Name", "Url", "Unread");가장 자주 사용하게 되는 멤버.
Items는 TsgcHTMLListGroupItems 컬렉션입니다. 각 TsgcHTMLListGroupItem은 Text, Href, Badge, BadgeStyle, Active, Disabled 및 Content를 담습니다.
AddItem(aText, aHref, aBadge, aBadgeStyle)는 한 번의 호출로 행을 추가합니다. 비어 있지 않은 Href는 항목을 클릭 가능한 list-group-item-action 링크로 렌더링합니다.
LoadFromDataSet(aDataSet, aTextField, aHrefField, aBadgeField)는 쿼리에서 행마다 항목 하나씩 리스트를 채웁니다.
알약형 카운터를 위해 항목의 Badge를 BadgeStyle(bgPrimary 같은 TsgcHTMLBadgeStyle)과 함께 설정하고, 보조 설명 줄을 위해 Content를 설정하십시오.
Flush는 바깥쪽 테두리를 제거하고, Numbered는 정렬된 list-group-numbered를 렌더링하며, Horizontal은 항목을 한 행으로 배치합니다.
HTML은 list-group 마크업을 반환하고 ListGroupID는 그 요소 id를 설정합니다 — 제공하거나, 페이지 템플릿의 BodyContent에 할당하십시오.