ListGroup
TsgcHTMLComponent_ListGroup — renderizza un list group di link o elementi con badge e contenuto, dai tuoi elementi o direttamente da un dataset, in Delphi, C++ Builder e .NET.
TsgcHTMLComponent_ListGroup — renderizza un list group di link o elementi con badge e contenuto, dai tuoi elementi o direttamente da un dataset, in Delphi, C++ Builder e .NET.
Un componente lista che emette un list-group Bootstrap 5. Aggiungi gli elementi (con badge e contenuto opzionali), imposta i flag flush / numbered / horizontal, quindi leggi la proprietà HTML.
TsgcHTMLComponent_ListGroup
Bootstrap 5 list-group markup
Delphi, C++ Builder, .NET
Chiama AddItem(text, href, badge, badgeStyle) per ogni riga (oppure inserisci direttamente in Items), imposta i flag di layout, quindi leggi HTML (oppure inseriscilo in una pagina 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");I membri che utilizzerai più spesso.
Items è la collezione TsgcHTMLListGroupItems; ogni TsgcHTMLListGroupItem porta Text, Href, Badge, BadgeStyle, Active, Disabled e Content.
AddItem(aText, aHref, aBadge, aBadgeStyle) aggiunge una riga con una sola chiamata; un Href non vuoto renderizza l’elemento come link cliccabile list-group-item-action.
LoadFromDataSet(aDataSet, aTextField, aHrefField, aBadgeField) riempie la lista da una query, un elemento per riga.
Imposta il Badge di un elemento con un BadgeStyle (un TsgcHTMLBadgeStyle come bgPrimary) per un contatore a pillola, e Content per una riga di descrizione secondaria.
Flush rimuove i bordi esterni, Numbered renderizza un list-group-numbered ordinato, e Horizontal dispone gli elementi in riga.
HTML restituisce il markup list-group e ListGroupID ne imposta l’id dell’elemento — servilo, oppure assegnalo al BodyContent di un template di pagina.