ListGroup
TsgcHTMLComponent_ListGroup — genera un grupo de lista de enlaces o elementos con insignias y contenido, a partir de tus propios elementos o directamente desde un dataset, en Delphi, C++ Builder y .NET.
TsgcHTMLComponent_ListGroup — genera un grupo de lista de enlaces o elementos con insignias y contenido, a partir de tus propios elementos o directamente desde un dataset, en Delphi, C++ Builder y .NET.
Un componente de lista que emite un list-group de Bootstrap 5. Añade elementos (con insignias y contenido opcionales), establece los indicadores flush / numbered / horizontal y luego lee la propiedad HTML.
TsgcHTMLComponent_ListGroup
Marcado de list-group de Bootstrap 5
Delphi, C++ Builder, .NET
Llama a AddItem(text, href, badge, badgeStyle) por cada fila (o añade directamente a Items), establece los indicadores de disposición y luego lee HTML (o colócalo en una página 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");Los miembros que usarás con más frecuencia.
Items es la colección TsgcHTMLListGroupItems; cada TsgcHTMLListGroupItem lleva Text, Href, Badge, BadgeStyle, Active, Disabled y Content.
AddItem(aText, aHref, aBadge, aBadgeStyle) añade una fila en una sola llamada; un Href no vacío genera el elemento como un enlace list-group-item-action en el que se puede hacer clic.
LoadFromDataSet(aDataSet, aTextField, aHrefField, aBadgeField) rellena la lista a partir de una consulta, un elemento por fila.
Establece el Badge de un elemento con un BadgeStyle (un TsgcHTMLBadgeStyle como bgPrimary) para un contador en píldora, y Content para una línea de descripción secundaria.
Flush elimina los bordes exteriores, Numbered genera una lista ordenada list-group-numbered y Horizontal dispone los elementos en una fila.
HTML devuelve el marcado del list-group y ListGroupID establece el id de su elemento — sírvelo o asígnalo a la propiedad BodyContent de una plantilla de página.