ListGroup
TsgcHTMLComponent_ListGroup — renderize um grupo de lista de links ou itens com badges e conteúdo, a partir dos seus próprios itens ou diretamente de um dataset, em Delphi, C++ Builder e .NET.
TsgcHTMLComponent_ListGroup — renderize um grupo de lista de links ou itens com badges e conteúdo, a partir dos seus próprios itens ou diretamente de um dataset, em Delphi, C++ Builder e .NET.
Um componente de lista que emite um list-group do Bootstrap 5. Adicione itens (com badges e conteúdo opcionais), defina as flags flush / numerado / horizontal e então leia a propriedade HTML.
TsgcHTMLComponent_ListGroup
Markup list-group do Bootstrap 5
Delphi, C++ Builder, .NET
Chame AddItem(text, href, badge, badgeStyle) para cada linha (ou adicione diretamente a Items), defina as flags de layout e então leia HTML (ou insira-o em uma 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");Os membros que você usa com mais frequência.
Items é a coleção TsgcHTMLListGroupItems; cada TsgcHTMLListGroupItem carrega Text, Href, Badge, BadgeStyle, Active, Disabled e Content.
AddItem(aText, aHref, aBadge, aBadgeStyle) adiciona uma linha em uma chamada; um Href não vazio renderiza o item como um link clicável list-group-item-action.
LoadFromDataSet(aDataSet, aTextField, aHrefField, aBadgeField) preenche a lista a partir de uma consulta, um item por linha.
Defina o Badge de um item com um BadgeStyle (um TsgcHTMLBadgeStyle como bgPrimary) para um contador em pílula, e Content para uma linha de descrição secundária.
Flush remove as bordas externas, Numbered renderiza um list-group-numbered ordenado e Horizontal dispõe os itens em uma linha.
HTML retorna o markup list-group e ListGroupID define o id do seu elemento — sirva-o ou atribua-o ao BodyContent de um template de página.
| Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes. | Abrir | |
| Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML. | Abrir | |
| PreçosLicenças Single, Team e Site com código-fonte completo. | Abrir |