PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

  • Overview of TreeView Table control
  • How to proceed?
  • Creating a TreeView Table control
  • Characteristics of control
  • TreeView column
  • Handling the nodes of the tree structure by programming
  • Vocabulary
  • Swapping the Table/TreeView Table controls
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview of TreeView Table control
The TreeView Table control is a cross between the Table control and the TreeView control.
This control is based on the structure of a Table control (column, row, cell) but it also contains a TreeView column that introduces the notion of tree structure. This notion does not exist in a Table control.
The columns found in a Treeview Table control and the columns of a Table control have the same characteristics.
Versions 17 and later
WINDEVWINDEV Mobile The TreeView column of a TreeView Table control can also be a container column.
New in version 17
WINDEVWINDEV Mobile The TreeView column of a TreeView Table control can also be a container column.
WINDEVWINDEV Mobile The TreeView column of a TreeView Table control can also be a container column.
A TreeView Table control allows you to perform a single selection or a multiple selection as well as a sort on the columns (sort by level, among sibling elements).
The information displayed in the TreeView Table control can:
  • be defined by programming: we talk of memory TreeView Table control.
  • WINDEVWINDEV Mobile come from a variable: we talk of TreeView table on source.
  • come from a data file or from a query : we talk of Browsing treeview table. Only the browsing TreeView Table controls loaded in memory are available. In this case, the control handles the records of the data file loaded in memory.
Versions 18 and later
WEBDEV - Server codeWindowsLinux The TreeView Table control is now available for the WEBDEV sites.
PHP The TreeView Table control is now available for the PHP sites.
New in version 18
WEBDEV - Server codeWindowsLinux The TreeView Table control is now available for the WEBDEV sites.
PHP The TreeView Table control is now available for the PHP sites.
WEBDEV - Server codeWindowsLinux The TreeView Table control is now available for the WEBDEV sites.
PHP The TreeView Table control is now available for the PHP sites.
How to proceed?

Creating a TreeView Table control

To create a TreeView Table control:
  1. In the window editor, click (or select "Insert .. Control .. TreeView table").On the "Creation" pane, in the "Data" group:
    • WINDEV expand "Table and list box" and select "TreeView Table".
    • WINDEV Mobile expand "Table" and select "TreeView Table".
    • Versions 18 and later
      WEBDEV - Server code expand "Table" and select "TreeView Table". The wizard for creating the TreeView Table control starts. This wizard is used to:
      • select the data source of the treeview table.
      • select the specific parameters of the treeview table.
      New in version 18
      WEBDEV - Server code expand "Table" and select "TreeView Table". The wizard for creating the TreeView Table control starts. This wizard is used to:
      • select the data source of the treeview table.
      • select the specific parameters of the treeview table.
      WEBDEV - Server code expand "Table" and select "TreeView Table". The wizard for creating the TreeView Table control starts. This wizard is used to:
      • select the data source of the treeview table.
      • select the specific parameters of the treeview table.
  2. Click the position where the control will be created in the window or page.
Versions 20 and later
Note: The dimensions of created control are optimized in order to occupy the available space at the specified position. If the control size does not suit your, press [CTRL Z]: the default control size will be restored.
New in version 20
Note: The dimensions of created control are optimized in order to occupy the available space at the specified position. If the control size does not suit your, press [CTRL Z]: the default control size will be restored.
Note: The dimensions of created control are optimized in order to occupy the available space at the specified position. If the control size does not suit your, press [CTRL Z]: the default control size will be restored.

Characteristics of control

To display the control characteristics, select "Description" from the popup menu of control. Two types of information can be viewed:
  • the information regarding the entire TreeView Table control (all you have to do is select the name of the control).
  • the information regarding each column of the TreeView Table control (all you have to do is select the name of a column).
For more details about the TreeView Table controls, see:

TreeView column

To choose the table column containing the hierarchy:
  1. Display the description window of the TreeView Table control.
  2. In the "General" tab, enter the number of the requested column in the "Number of TreeView Column" edit control.
Note: A TreeView Table control with a single column is used to create an editable TreeView control.
Versions 16 and later
The TreeView controls are available in edit.
New in version 16
The TreeView controls are available in edit.
The TreeView controls are available in edit.

Handling the nodes of the tree structure by programming

To modify the images of the treeview nodes in a TreeView Table control, use the following properties:
Vocabulary
To easily handle a TreeView Table control, you must be familiar with the following vocabulary:
NameDefinition
Selection barUsed to view the selected element. A specific color is used in most cases.
BranchPart of the tree structure that can define a path:
  • from the root to a leaf,
  • from a node to another node,
  • from a node to a leaf,
  • from the root to a node.
ElementGeneric name corresponding to the content of a treeview: Root, Node or Leaf are the elements of the tree structure of a treeview table
LeafLast element of the tree structure: there is no level below.
NodeIntermediate level, can have higher levels (also called "Parent" levels) and lower levels (also called "Child" levels).
Note: the root and the leaves correspond to specific nodes.
RootFirst element in the tree structure of the treeview table. The entire tree structure can be expanded from this element.
Swapping the Table/TreeView Table controls
A Treeview Table control can be automatically transformed into a Table control and conversely:
  1. Select the TreeView Table control to transform.
  2. Select "Control .. Swap .. Table/TreeView Table".On the "Modification" pane, in the "Transformations" group, expand "Refactoring and swapping" and select "Table/TreeView Table".
Related Examples:
The TreeView Table control Unit examples (WINDEV): The TreeView Table control
[ + ] Using the "TreeView Table" control.
This control is used to organize the data found in a table in tree structure.
The user has the ability to see only the informations he is interesting it.
This example explains how to fill a treeview table, insert data, add child elements...
WD Reflexive link Training (WINDEV): WD Reflexive link
[ + ] This example presents the management of a reflexive link with the WLanguage functions.
The following topics are presented in this example:
1/ Fill a control with HFSQL content (automatic management of reflexive link).
2/ Fill by programming.
Drag and drop Unit examples (WINDEV): Drag and drop
[ + ] Using Drag & Drop with the WLanguage functions.
The following topics are presented in this example:
1/ How to manage Drag&Drop between WINDEV controls
2/ How to manage Drag&Drop from the Windows file explorer to a WINDEV control
Drag & Drop is used to move objects via the mouse. "Drag" consists in clicking an object and moving the mouse while keeping the left button down. "Drop" consists in releasing the left mouse button.
Drag & Drop can be used with WINDEV on the List Box, TreeView, Table and Image controls.
The Table/TreeView Table control (Progress Bar columns) Unit examples (WINDEV): The Table/TreeView Table control (Progress Bar columns)
[ + ] Using a Progress Bar column as well as the ..TextProgressBar property in a Table or TreeView Table control
Minimum required version
  • Version 11
This page is also available for…
Comments
Click [Add] to post a comment