En bref

TsgcHTMLComponent_TreeView

Un composant d'arbre qui émet un list-group Bootstrap avec des branches repliables. Ajoutez des nœuds (chacun avec des enfants), définissez les icônes et l'indentation, puis lisez la propriété HTML.

Classe du composant

TsgcHTMLComponent_TreeView

Produit

Arbre repliable list-group Bootstrap 5

Famille

Navigation & Structure

Langages

Delphi, C++ Builder, .NET

QuickStart

Créez-le, ajoutez des nœuds, affichez-le

Ajoutez un nœud à Nodes, ajoutez des lignes enfants dans sa liste Children, ajustez IndentSize et les icônes, puis lisez HTML (ou intégrez-le dans une page TsgcHTMLTemplate_Bootstrap).

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");

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Nodes

Nodes est la collection TsgcHTMLTreeNodes ; Nodes.Add renvoie un TsgcHTMLTreeNode avec Text, Href, Icon, Expanded, Selected et NodeID.

Children

Le Children de chaque nœud est une TStringList de lignes feuilles ; les branches non vides rendent automatiquement une bascule de repliement Bootstrap.

Liaison de jeu de données

LoadFromDataSet(aDataSet, aIDField, aParentIDField, aTextField) construit l'arbre entier à partir d'une requête auto-référencée en deux passes.

Apparence

ShowLines, LineColor / LineColorStyle et IndentSize contrôlent les lignes de guidage et le décalage d'imbrication ; Selectable met en évidence la ligne active.

Icônes

ExpandedIcon, CollapsedIcon et LeafIcon définissent les glyphes des branches ouvertes, fermées et des feuilles (entités HTML autorisées).

Sortie

HTML renvoie le balisage d'arbre list-group et TreeID définit l'identifiant de son élément — servez-le, ou affectez-le au BodyContent d'un modèle de page.

Ressources

Continuez l'exploration

	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir

TreeView