ListGroup
TsgcHTMLComponent_ListGroup — affichez un groupe de listes de liens ou d'éléments avec badges et contenu, à partir de vos propres éléments ou directement d'un jeu de données, en Delphi, C++ Builder et .NET.
TsgcHTMLComponent_ListGroup — affichez un groupe de listes de liens ou d'éléments avec badges et contenu, à partir de vos propres éléments ou directement d'un jeu de données, en Delphi, C++ Builder et .NET.
Un composant de liste qui émet un list-group Bootstrap 5. Ajoutez des éléments (avec badges et contenu optionnels), définissez les indicateurs flush / numéroté / horizontal, puis lisez la propriété HTML.
TsgcHTMLComponent_ListGroup
Du balisage list-group Bootstrap 5
Delphi, C++ Builder, .NET
Appelez AddItem(text, href, badge, badgeStyle) pour chaque ligne (ou ajoutez directement dans Items), définissez les indicateurs de mise en page, puis lisez HTML (ou intégrez-le dans une page 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");Les membres que vous utilisez le plus souvent.
Items est la collection TsgcHTMLListGroupItems ; chaque TsgcHTMLListGroupItem porte Text, Href, Badge, BadgeStyle, Active, Disabled et Content.
AddItem(aText, aHref, aBadge, aBadgeStyle) ajoute une ligne en un seul appel ; un Href non vide rend l'élément comme un lien cliquable list-group-item-action.
LoadFromDataSet(aDataSet, aTextField, aHrefField, aBadgeField) remplit la liste à partir d'une requête, un élément par ligne.
Définissez le Badge d'un élément avec un BadgeStyle (un TsgcHTMLBadgeStyle tel que bgPrimary) pour un compteur en pilule, et Content pour une ligne de description secondaire.
Flush supprime les bordures extérieures, Numbered rend un list-group-numbered ordonné, et Horizontal dispose les éléments sur une ligne.
HTML renvoie le balisage list-group et ListGroupID définit l'identifiant de son élément — servez-le, ou affectez-le au BodyContent d'un modèle de page.
| Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants. | Ouvrir | |
| Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML. | Ouvrir | |
| TarifsLicences Single, Team et Site avec code source complet. | Ouvrir |