ListGroup
TsgcHTMLComponent_ListGroup — Delphi, C++ Builder ve .NET'te kendi öğelerinizden ya da doğrudan bir veri kümesinden, rozetler ve içeriğe sahip bağlantılardan veya öğelerden oluşan bir liste grubu işleyin.
TsgcHTMLComponent_ListGroup — Delphi, C++ Builder ve .NET'te kendi öğelerinizden ya da doğrudan bir veri kümesinden, rozetler ve içeriğe sahip bağlantılardan veya öğelerden oluşan bir liste grubu işleyin.
Bir Bootstrap 5 list-group üreten bir liste bileşeni. Öğeler ekleyin (isteğe bağlı rozetler ve içerikle), flush / numaralı / yatay bayraklarını ayarlayın, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_ListGroup
Bootstrap 5 list-group işaretlemesi
Delphi, C++ Builder, .NET
Her satır için AddItem(text, href, badge, badgeStyle)'i çağırın (ya da doğrudan Items içine iletin), düzen bayraklarını ayarlayın, ardından HTML'i okuyun (ya da bir TsgcHTMLTemplate_Bootstrap sayfasına yerleştirin).
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");En sık başvurduğunuz üyeler.
Items, TsgcHTMLListGroupItems koleksiyonudur; her TsgcHTMLListGroupItem Text, Href, Badge, BadgeStyle, Active, Disabled ve Content taşır.
AddItem(aText, aHref, aBadge, aBadgeStyle), tek bir çağrıda bir satır ekler; boş olmayan bir Href, öğeyi tıklanabilir bir list-group-item-action bağlantısı olarak işler.
LoadFromDataSet(aDataSet, aTextField, aHrefField, aBadgeField), listeyi bir sorgudan, her satır için bir öğe olacak şekilde doldurur.
Bir hap sayacı için bir öğenin Badge'ini bir BadgeStyle (bgPrimary gibi bir TsgcHTMLBadgeStyle) ile ve ikincil bir açıklama satırı için Content'i ayarlayın.
Flush, dış kenarlıkları kaldırır, Numbered, sıralı bir list-group-numbered işler ve Horizontal, öğeleri bir satırda düzenler.
HTML, list-group işaretlemesini döndürür ve ListGroupID, onun öğe kimliğini ayarlar — sunun ya da bir sayfa şablonunun BodyContent'ine atayın.