PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
This content has been translated automatically. Click here to view the French version.
  • Overview
  • How to?
  • Creating a TreeView Table control on source
  • Creating a TreeView Table control on source
  • Defining the sources for the TreeView Table control
  • Defining the bindings of the different columns in the TreeView Table control on source
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
TreeView Table control on source
Overview
A TreeView Table control on source is a control bound to a variable or a set of variables.
Versions 18 and later
WEBDEV - Server codeWindowsLinux The TreeView Table control is now available for WEBDEV sites.
PHP The TreeView Table control is now available for PHP sites.
New in version 18
WEBDEV - Server codeWindowsLinux The TreeView Table control is now available for WEBDEV sites.
PHP The TreeView Table control is now available for PHP sites.
WEBDEV - Server codeWindowsLinux The TreeView Table control is now available for WEBDEV sites.
PHP The TreeView Table control is now available for PHP sites.
How to?
WINDEV

Creating a TreeView Table control on source

To create a TreeView Table control on source:
  1. On the "Creation" tab, in the "Data" group, expand "Table and List Box" and select "TreeView Table".
  2. Click at the desired location to create the control.
  3. Go to the "Content" tab of the TreeView Table control description window. Select the fill mode: "By variable".
    Fill with data from variable
    This tab allows you to define the different sources of the TreeView Table. A TreeView Table based on a variable is bound to different sources, used to display nested records.
  4. If necessary, define the bindings of the different columns in the TreeView Table.
Versions 18 and later
WEBDEV - Server code

Creating a TreeView Table control on source

To create a TreeView Table control on source:
  1. On the "Creation" tab, in the "Data" group, expand "Table and List Box" and select "TreeView Table".
  2. The TreeView Table control creation wizard starts.
  3. In the wizard, select "Display the data from an existing variable". Go to the next step.
  4. Define the different data sources of the TreeView Table control. Indeed, an TreeView Table control on source is linked on different sources, allowing to display nested records.
    Sources by level
Remark: If this information is not specified in the wizard, the data can be modified in the control "Content" tab.
New in version 18
WEBDEV - Server code

Creating a TreeView Table control on source

To create a TreeView Table control on source:
  1. On the "Creation" tab, in the "Data" group, expand "Table and List Box" and select "TreeView Table".
  2. The TreeView Table control creation wizard starts.
  3. In the wizard, select "Display the data from an existing variable". Go to the next step.
  4. Define the different data sources of the TreeView Table control. Indeed, an TreeView Table control on source is linked on different sources, allowing to display nested records.
    Sources by level
Remark: If this information is not specified in the wizard, the data can be modified in the control "Content" tab.
WEBDEV - Server code

Creating a TreeView Table control on source

To create a TreeView Table control on source:
  1. On the "Creation" tab, in the "Data" group, expand "Table and List Box" and select "TreeView Table".
  2. The TreeView Table control creation wizard starts.
  3. In the wizard, select "Display the data from an existing variable". Go to the next step.
  4. Define the different data sources of the TreeView Table control. Indeed, an TreeView Table control on source is linked on different sources, allowing to display nested records.
    Sources by level
Remark: If this information is not specified in the wizard, the data can be modified in the control "Content" tab.

Defining the sources for the TreeView Table control

To define the sources of the 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 variable that will be browsed (advanced variable such as Google, RSS, ...).
    • Browse: corresponds to the variable used to browse the source.
    • Displayed: corresponds to the variable displayed in the first column of the TreeView Table control.
      WEBDEV - Server code Remark: For each level, you have the ability to customize the collapsed image and the expanded image.
  3. If necessary, define the source of the link of the previous level. For example, if the first level browses the garrCustomer variable, the second one can browse the garrCustomer.Order variable.
  4. Define as many sources as necessary.
The first column of the TreeView Table control displays the "displayed" data from the selected sources.

Defining the bindings of the different columns in the TreeView Table control on source

By default, the first column of the TreeView Table control on source (i.e., the column that represents the hierarchy) displays the elements specified in the data 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 bindings of the different columns:
  1. If necessary, create a new column ("New" in the description window of the TreeView Table control) or select an existing column.
  2. Go to the "Binding" tab and define the desired data binding.
    Remark: The binding includes one of the source variables of the TreeView Table control. If one of the elements displayed in the TreeView Table control is modified, these changes are automatically applied to the bound variable.
  3. Validate.
Minimum version required
  • Version 14
This page is also available for…
Comments
Click [Add] to post a comment