ListGroup
TsgcHTMLComponent_ListGroup — render een lijstgroep van links of items met badges en inhoud, vanuit je eigen items of rechtstreeks vanuit een dataset, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_ListGroup — render een lijstgroep van links of items met badges en inhoud, vanuit je eigen items of rechtstreeks vanuit een dataset, in Delphi, C++ Builder en .NET.
Een lijstcomponent dat een Bootstrap 5-list-group uitstuurt. Voeg items toe (met optionele badges en inhoud), stel de flush- / numbered- / horizontale vlaggen in en lees dan de HTML-eigenschap.
TsgcHTMLComponent_ListGroup
Bootstrap 5 list-group-markup
Delphi, C++ Builder, .NET
Roep AddItem(text, href, badge, badgeStyle) aan voor elke rij (of voeg rechtstreeks toe aan Items), stel de layoutvlaggen in en lees dan HTML (of plaats het in een TsgcHTMLTemplate_Bootstrap-pagina).
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");De members die je het vaakst gebruikt.
Items is de TsgcHTMLListGroupItems-verzameling; elke TsgcHTMLListGroupItem draagt Text, Href, Badge, BadgeStyle, Active, Disabled en Content.
AddItem(aText, aHref, aBadge, aBadgeStyle) voegt een rij toe in één aanroep; een niet-lege Href rendert het item als een klikbare list-group-item-action-link.
LoadFromDataSet(aDataSet, aTextField, aHrefField, aBadgeField) vult de lijst vanuit een query, één item per rij.
Stel de Badge van een item in met een BadgeStyle (een TsgcHTMLBadgeStyle zoals bgPrimary) voor een pil-teller, en Content voor een secundaire beschrijvingsregel.
Flush verwijdert de buitenranden, Numbered rendert een geordende list-group-numbered en Horizontal plaatst items in een rij.
HTML retourneert de list-group-markup en ListGroupID stelt de element-id in — serveer hem, of wijs hem toe aan de BodyContent van een paginatemplate.