TreeView
TsgcHTMLComponent_TreeView — Delphi, C++ Builder ve .NET'te kendi düğümlerinizden ya da doğrudan bir veri kümesinden daraltılabilir hiyerarşik bir ağaç işleyin.
TsgcHTMLComponent_TreeView — Delphi, C++ Builder ve .NET'te kendi düğümlerinizden ya da doğrudan bir veri kümesinden daraltılabilir hiyerarşik bir ağaç işleyin.
Daraltılabilir dallarla bir Bootstrap list-group üreten bir ağaç bileşeni. Düğümler ekleyin (her biri alt öğelerle), simgeleri ve girintiyi ayarlayın, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_TreeView
Bootstrap 5 list-group daraltılabilir ağaç
Delphi, C++ Builder, .NET
Nodes'a bir düğüm ekleyin, alt satırları onun Children listesine iletin, IndentSize'ı ve simgeleri ayarlayın, ardından HTML'i okuyun (ya da bir TsgcHTMLTemplate_Bootstrap sayfasına yerleştirin).
uses
sgcHTML_Enums, sgcHTML_Component_TreeView;
var
oTree: TsgcHTMLComponent_TreeView;
oNode: TsgcHTMLTreeNode;
begin
oTree := TsgcHTMLComponent_TreeView.Create(nil);
try
oTree.TreeID := 'fileTree';
oTree.ShowLines := True;
oTree.Selectable := True;
oTree.IndentSize := 24;
oNode := oTree.Nodes.Add;
oNode.Text := 'Documents';
oNode.Expanded := True;
oNode.Children.Add('Invoice.pdf');
oNode.Children.Add('Report.docx');
WebModule.Response := oTree.HTML; // list-group tree
finally
oTree.Free;
end;
end;
// Or build the tree straight from a self-referencing dataset:
oTree.LoadFromDataSet(qryFolders, 'ID', 'ParentID', 'Name');// includes: sgcHTML_Enums.hpp, sgcHTML_Component_TreeView.hpp
TsgcHTMLComponent_TreeView *oTree = new TsgcHTMLComponent_TreeView(NULL);
try
{
oTree->TreeID = "fileTree";
oTree->ShowLines = true;
oTree->Selectable = true;
oTree->IndentSize = 24;
TsgcHTMLTreeNode *oNode = oTree->Nodes->Add();
oNode->Text = "Documents";
oNode->Expanded = true;
oNode->Children->Add("Invoice.pdf");
oNode->Children->Add("Report.docx");
String html = oTree->HTML; // list-group tree
}
__finally
{
delete oTree;
}using esegece.sgcWebSockets;
var tree = new TsgcHTMLComponent_TreeView();
tree.TreeID = "fileTree";
tree.ShowLines = true;
tree.Selectable = true;
tree.IndentSize = 24;
var node = tree.Nodes.Add();
node.Text = "Documents";
node.Expanded = true;
node.Children.Add("Invoice.pdf");
node.Children.Add("Report.docx");
string html = tree.HTML; // list-group tree
// Or build the tree straight from a self-referencing dataset:
tree.LoadFromDataSet(qryFolders, "ID", "ParentID", "Name");En sık başvurduğunuz üyeler.
Nodes, TsgcHTMLTreeNodes koleksiyonudur; Nodes.Add, Text, Href, Icon, Expanded, Selected ve NodeID içeren bir TsgcHTMLTreeNode döndürür.
Her düğümün Children'ı, yaprak satırlarından oluşan bir TStringList'tir; boş olmayan dallar otomatik olarak bir Bootstrap daraltma aç/kapasını işler.
LoadFromDataSet(aDataSet, aIDField, aParentIDField, aTextField), tüm ağacı kendine başvuran bir sorgudan iki geçişte oluşturur.
ShowLines, LineColor / LineColorStyle ve IndentSize, kılavuz çizgilerini ve iç içe geçme kaydırmasını denetler; Selectable, etkin satırı vurgular.
ExpandedIcon, CollapsedIcon ve LeafIcon, açık dallar, kapalı dallar ve yapraklar için glifleri ayarlar (HTML varlıklarına izin verilir).
HTML, list-group ağaç işaretlemesini döndürür ve TreeID, onun öğe kimliğini ayarlar — sunun ya da bir sayfa şablonunun BodyContent'ine atayın.