PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • Overview
  • How to?
  • 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 a query loaded in memory.
Versions 18 and later
WindowsLinux The TreeView Table control is now available for WEBDEV sites.
New in version 18
WindowsLinux The TreeView Table control is now available for WEBDEV sites.
WindowsLinux The TreeView Table control is now available for WEBDEV sites.
How to?
WINDEV

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".
  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 control. Indeed, a browsing TreeView Table control 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 in the TreeView Table control.
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 (faster)" allows you to fill a 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.
Remark: 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 (faster)" allows you to fill a 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.
Remark: 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 (faster)" allows you to fill a 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.
Remark: To use this option on a TreeView Table control filled by programming, call ..AddChildDelayed.

Defining the sources for the browsing TreeView Table control

To define the sources of the browsing TreeView Table control:
  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.
  3. Define (if necessary) the source of the link for the previous level. For example, if the first level browses the Customer data file, the second one can browse the Orders data 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 control displays the "Displayed" data from the selected sources.
Special case: Recursive browsing TreeView Table
A browsing TreeView Table control can display records that depend on the previous record (classic case of a recursive link used to manage a parent/child)
Example of recursive TreeView Table
To manage this type of TreeView Table, a reflexive link can be defined in the "Content" tab of the control description window.
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" in the description window of the TreeView Table control) 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 control.
      If one of the records displayed by the TreeView Table control is modified, 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 one of the records displayed by the TreeView Table control is modified, this modification will not be automatically applied to the associated data file. It must be managed by programming.
  3. Validate.
Minimum version required
  • Version 14
This page is also available for…
Comments
Click [Add] to post a comment