ListGroup
TsgcHTMLComponent_ListGroup — rendert eine Listengruppe aus Links oder Einträgen mit Badges und Inhalt, aus deinen eigenen Einträgen oder direkt aus einem Dataset, in Delphi, C++ Builder und .NET.
TsgcHTMLComponent_ListGroup — rendert eine Listengruppe aus Links oder Einträgen mit Badges und Inhalt, aus deinen eigenen Einträgen oder direkt aus einem Dataset, in Delphi, C++ Builder und .NET.
Eine Listenkomponente, die eine Bootstrap-5-list-group ausgibt. Füge Einträge hinzu (mit optionalen Badges und Inhalt), setze die Flush-/Numbered-/Horizontal-Flags und lies dann die HTML-Eigenschaft aus.
TsgcHTMLComponent_ListGroup
Bootstrap-5-list-group-Markup
Delphi, C++ Builder, .NET
Rufe für jede Zeile AddItem(text, href, badge, badgeStyle) auf (oder füge direkt zu Items hinzu), setze die Layout-Flags und lies dann HTML aus (oder lege es in eine TsgcHTMLTemplate_Bootstrap-Seite).
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");Die Member, die du am häufigsten brauchst.
Items ist die Sammlung TsgcHTMLListGroupItems; jedes TsgcHTMLListGroupItem trägt Text, Href, Badge, BadgeStyle, Active, Disabled und Content.
AddItem(aText, aHref, aBadge, aBadgeStyle) hängt eine Zeile in einem Aufruf an; ein nicht-leeres Href rendert den Eintrag als klickbaren list-group-item-action-Link.
LoadFromDataSet(aDataSet, aTextField, aHrefField, aBadgeField) füllt die Liste aus einer Abfrage, einen Eintrag pro Zeile.
Setze das Badge eines Eintrags mit einem BadgeStyle (ein TsgcHTMLBadgeStyle wie bgPrimary) für einen Pill-Zähler und Content für eine zweite Beschreibungszeile.
Flush entfernt die äußeren Ränder, Numbered rendert eine geordnete list-group-numbered und Horizontal legt die Einträge in einer Reihe an.
HTML gibt das list-group-Markup zurück und ListGroupID setzt seine Element-id — serviere es oder weise es dem BodyContent einer Seitenvorlage zu.
| Alle sgcHTML-KomponentenDurchstöbere die vollständige Funktionsmatrix mit über 60 Komponenten. | Öffnen | |
| Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte. | Öffnen | |
| PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode. | Öffnen |