Documents

NextGrid & NextDBGrid

• Html Column Tutorial
• Upgrade existing projects for loading changes
• Edit events in NextGrid
• NextGrid Vista Style
• NextGrid How To
• Integrating Inplace Editors
• NextGrid Slide Style Tutorial
• InputLine Tutorial
• Using Editors in runtime
• FieldChooser Tutorial
• Grid Report Tutorial

NextGrid

• TreeColumn Tutorial
• NextGrid Quick Start
• Custom Draw in NextGrid
• Export to XML from NextGrid
• Optimize NextGrid
• NextGrid Custom Sorting
• VirtualColumn Tutorial
• Graphic Column Tutorial

NextDBGrid

• NextDBGrid Quick Start
• NextDBGrid Events
• NextDBGrid How To
• Sorting records in NextDBGrid
• LookupColumn Tutorial

NextInspector

• ToolbarItem tutorial
• NextInspector Advanced tutorial
• NextDBInspector Tutorial
• NextInspector Item Types
• Map VCL property to item
• NextInspector Quick Start

NextSheet

• NextSheet Sample Project
• NextSheet Quick Start
• Formating in NextSheet
• NextSheet Print Method

NextCollection

• NxAlertWindow Tutorial
• NxInfoPanel Tutorial
• Vista Styled Panels
• NxPathControl and NxNotebook tutorial
• NxPathControl Quick Start
• NxFlipPanel and NxHeaderPanel Quick Start
• NxOutlookBar Tutorial
• NxPageControl and NxNotebook Quick Start
• NxButton Tutorial

Misc

• Component Names Change
• NxComboBox styles
• Numeric FormatMask
• NxVirtualDataSet tutorial
• DateTime FormatMask
• NxPreview Quick Start
• Quick update
• 32bit Bitmaps Tutorial
• Enable typing unicode characters in InplaceEditors
• Using NxColorScheme
• NxProgress Tutorial
• NxAutoCompletion Tutorial

Labs

• NxReport Project

NextGrid .NET

• Working with tree
• Custom Drawing in NextGrid dot NET
• NextGrid Dot Net
• NextGrid Dot Net Events
• NextGrid dot NET Quick Start

Related Articles:

In this tutorial we will demonstrate how to create tree inside Next Grid.

Please note that Tree Column implementation is still in stage and we work to improve it constantly.

Adding TreeColumn

TreeColumn (TNxTreeColumn) is normal NextGrid column and can be added at any place inside Grid, any times needed.

To add one TNxTreeColumn, click on TreeColumn icon:

Customizing TreeColumn

TreeColumn appearance can be customized with following properties:

ExpandLock - Disable clicking on and buttons.

ShowLines - Show/Hide Tree Lines.

ShowButtons - Show/Hide and buttons.

Adding Rows

Tree structure can be build with AddChildRow and InsertChildRows methods.

AddChildRow method have following parameters:

Table 1: AddChildRow Parameters

Name	Type	Meaning
Index	Integer	Index of Parent Row.
Position (optional)	Integer	Position of Child Row (crFirst - new row will be first child row, crLast - new row will be last child row

with NextGrid1 do
begin
  AddRow;
  Cells[0, LastAddedRow] := '[root]';
  AddChildRow(0);
  Cells[0, LastAddedRow] := 'two';
  AddChildRow(0);
  Cells[0, LastAddedRow] := 'one';
  AddChildRow(0);
  Cells[0, LastAddedRow] := 'three';
  AddChildRow(LastAddedRow);
  Cells[0, LastAddedRow] := 'one more child row';
end;

Result:



In this sample we have use property LastAddedRow to determine Index of last added row inside Grid.

Deleting Rows

Child row may be deleted with using DeleteRow method and with sending Row's absolute index as parameter:

DeleteRow(AbsoluteIndexOfRow);

To delete child row, without knowing absolute index, use DeleteChildRow method:

DeleteChildRow(ParentIndex, Index);

Table 2: DeleteChildRow Parameters

Name	Type	Meaning
ParentIndex	Integer	Determine absolute index of parent row
Index	Integer	determine relative index of child row inside Parent row.

Working with Nodes

NextGrid also have several methods for easy working with Nodes.

GetNextSibling returns the next row (node) in the tree at the same level as the calling row.

GetPrevSibling returns the previous row (node) in the tree at the same level as the calling row.