PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview
  • How to proceed?
  • Creating a browsing TreeView Table control
  • Creating a browsing TreeView Table control
  • Defining the sources for the browsing treeview Table control
  • Defining the links for the columns of the browsing TreeView Table control
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
The browsing TreeView Table control
Overview
A browsing TreeView Table control is a treeview table linked to a data file or to a query. In this case, the treeview table can only be linked to a data file or to a query 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?
WINDEVWINDEV Mobile

Creating a browsing TreeView Table control

To create a browsing TreeView Table control:
  1. In the window editor, click (or select "Insert .. Control .. TreeView table").In the ribbon:
    • WINDEV On the "Creation" pane, in the "Data" group, expand "Table and list box" and select "TreeView Table".
    • WINDEV Mobile On the "Creation" pane, in the "Data" group, expand "Table" and select "TreeView Table".
  2. Click the position where the control will be created in the window.
  3. Display the "Content" tab of the description of the Table control.
    Content tab of TreeView Table control
    This tab is used to define the different sources of the treeview table. Indeed, a browsing treeview table is linked to different sources, used to display nested records.
    Select the fill mode: "File/Query".
  4. Define (if necessary) the links of the different columns found in the treeview table.
Versions 19 and later
WINDEV "Delayed fill of sub-levels" option
When a browsing TreeView Table control includes several elements and sub-elements, its entire fill may be quite long.
The option "Delayed fill of sub-levels" allows you to fill each sub-level only when the user clicks to expand a level. In this case, the filling time is spread out and the initial fill is much faster.
Note: To use this option on a TreeView Table control filled by programming, call ..AddChildDelayed.
New in version 19
WINDEV "Delayed fill of sub-levels" option
When a browsing TreeView Table control includes several elements and sub-elements, its entire fill may be quite long.
The option "Delayed fill of sub-levels" allows you to fill each sub-level only when the user clicks to expand a level. In this case, the filling time is spread out and the initial fill is much faster.
Note: To use this option on a TreeView Table control filled by programming, call ..AddChildDelayed.
WINDEV "Delayed fill of sub-levels" option
When a browsing TreeView Table control includes several elements and sub-elements, its entire fill may be quite long.
The option "Delayed fill of sub-levels" allows you to fill each sub-level only when the user clicks to expand a level. In this case, the filling time is spread out and the initial fill is much faster.
Note: To use this option on a TreeView Table control filled by programming, call ..AddChildDelayed.
Versions 18 and later
WEBDEV - Server code

Creating a browsing TreeView Table control

To create a browsing TreeView Table control:
  1. On the "Creation" pane, in the "Data" group, expand "Table" and select "TreeView Table".
  2. The treeview table creation wizard starts.
  3. In the wizard, select "Display the data from an existing file or query". Go to the next step.
  4. Define the different sources of the treeview table. Indeed, a browsing treeview table is linked to different sources, used to display nested records.
    Sources of tree structure (wizard for control creation)
Note: If this information is not specified in the wizard, the data can be modified in the "Content" tab of control.
New in version 18
WEBDEV - Server code

Creating a browsing TreeView Table control

To create a browsing TreeView Table control:
  1. On the "Creation" pane, in the "Data" group, expand "Table" and select "TreeView Table".
  2. The treeview table creation wizard starts.
  3. In the wizard, select "Display the data from an existing file or query". Go to the next step.
  4. Define the different sources of the treeview table. Indeed, a browsing treeview table is linked to different sources, used to display nested records.
    Sources of tree structure (wizard for control creation)
Note: If this information is not specified in the wizard, the data can be modified in the "Content" tab of control.
WEBDEV - Server code

Creating a browsing TreeView Table control

To create a browsing TreeView Table control:
  1. On the "Creation" pane, in the "Data" group, expand "Table" and select "TreeView Table".
  2. The treeview table creation wizard starts.
  3. In the wizard, select "Display the data from an existing file or query". Go to the next step.
  4. Define the different sources of the treeview table. Indeed, a browsing treeview table is linked to different sources, used to display nested records.
    Sources of tree structure (wizard for control creation)
Note: If this information is not specified in the wizard, the data can be modified in the "Content" tab of control.

Defining the sources for the browsing treeview Table control

To define the sources of the browsing treeview Table contorl:
  1. Click the "Add" button. A "<None>" source is automatically added.
  2. Define the characteristics of this source:
    • Source: corresponds to the data file or to the query that will be browsed.
    • Browse: corresponds to the search key used to browse the source.
    • Displayed: corresponds to the item displayed in the first column of the TreeView Table control.
      WEBDEV - Server code Note: For each level, you have the ability to customize the collapsed image and the expanded image.
  3. Define (if necessary) the source of the link for the previous level. For example, if the first level browses the Customer file, the second one can browse the Orders file for example. The "Customer.CustomerID" and "Orders.CustomerID" items will be used for the link. By default, the source of the link is automatically deduced from the items and the links defined in the analysis.
  4. Define as many sources as necessary.
The first column of the treeview table displays the "Displayed" data of the different selected sources.
Special case: Recursive browsing treeview table
A browsing treeview table can display records that depend on the previous record (standard case of a recursive link used to manage the parents and the children for example)
Example of recursive treeview table
To manage this type of treeview table, you have the ability to define a reflexive link in the "Content" tab of the description window of the control.
The "root" rows are associated with a record for which the link item corresponds to 0 or empty (according to the type of item).

Defining the links for the columns of the browsing TreeView Table control

By default, the first column of the browsing TreeView Table control (column representing the hierarchy) displays the elements specified in the sources ("Content" tab, "Displayed" value of the different sources).
The TreeView Table control can also display other data in its other columns.
To define the links of the different columns:
  1. Create a new column if necessary ("New" button of the description window of the treeview table) or select an existing column.
  2. Display the "Link" tab and define the requested link. The link can be:
    • single-file: in this case, the link affects one of the source files of the treeview table.
      If a modification is performed in the records displayed by the treeview table, this modification is automatically applied to the associated data file.
    • multi-file: in this case, the link can be performed with one of the files linked to one of the source files.
      If a modification is performed in the records displayed by the treeview table, this modification will not be automatically applied to the associated data file. It must be managed by programming.
  3. Validate.
Minimum required version
  • Version 14
This page is also available for…
Comments
Click [Add] to post a comment