ListGroup
TsgcHTMLComponent_ListGroup — renderuje grupę listy z linkami lub pozycjami z plakietkami i treścią, z własnych pozycji lub bezpośrednio z zestawu danych, w Delphi, C++ Builder i .NET.
TsgcHTMLComponent_ListGroup — renderuje grupę listy z linkami lub pozycjami z plakietkami i treścią, z własnych pozycji lub bezpośrednio z zestawu danych, w Delphi, C++ Builder i .NET.
Komponent listy, który generuje element list-group Bootstrap 5. Dodaj pozycje (z opcjonalnymi plakietkami i treścią), ustaw flagi flush / numbered / horizontal, a następnie odczytaj właściwość HTML.
TsgcHTMLComponent_ListGroup
Znaczniki list-group Bootstrap 5
Delphi, C++ Builder, .NET
Wywołaj AddItem(text, href, badge, badgeStyle) dla każdego wiersza (lub dodaj bezpośrednio do Items), ustaw flagi układu, a następnie odczytaj HTML (albo umieść go na stronie 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");Składniki, po które sięgasz najczęściej.
Items to kolekcja TsgcHTMLListGroupItems; każda TsgcHTMLListGroupItem niesie Text, Href, Badge, BadgeStyle, Active, Disabled i Content.
AddItem(aText, aHref, aBadge, aBadgeStyle) dołącza wiersz w jednym wywołaniu; niepuste Href renderuje pozycję jako klikalny link list-group-item-action.
LoadFromDataSet(aDataSet, aTextField, aHrefField, aBadgeField) wypełnia listę z zapytania, jedna pozycja na wiersz.
Ustaw Badge pozycji z BadgeStyle (TsgcHTMLBadgeStyle, na przykład bgPrimary) dla licznika w formie pigułki oraz Content dla dodatkowego wiersza opisu.
Flush usuwa zewnętrzne obramowania, Numbered renderuje uporządkowaną list-group-numbered, a Horizontal układa pozycje w wierszu.
HTML zwraca znaczniki list-group, a ListGroupID ustawia jego identyfikator elementu — udostępnij go lub przypisz do właściwości BodyContent szablonu strony.