The Tree element is the element that allows you to display your data with a complex hierarchy.
Tree element allows you to display your table in the database as a parent/child relationship.
For example, the table with the personnel list is in the tree element.

Staff
- Name - surname
- Active
- Department
  - Department Name
  - Id
- Date of Birth

It will be shown as.

Adding Tree Element

To use the Tree element, you can select the Tree element from the Elements panel in your application and add it to your workspace with drag and drop.

Tree element supports mobile and web applications.

Datasource Connection of Tree Element

The Tree element cannot be used as a special list. Data table is a dependent element. Datasource and other connections from Properties → Options must be made correctly and completely.

Actions: This is the field where the data to be connected to the Tree element is defined/selected.

Field to displayId: By selecting one of the columns in the Datasource, the retrieved data is displayed. In the image above, the database column to be displayed as a name is selected.

Field to Use as Key: This is the part where you select the data type you want to use as key in the retrieved data. Guid is usually selected.

Field to Use as Parent: Parent Id is selected in this field for the data to be extracted. The order of the data is determined with this value. If you want the data to be displayed at the top, not under any parent, the value of parent Id should be returned null.

Adding an Action to a Tree Element

To add an action to the Tree element you added to your workspace in the application, click +Add Action and click on the Item section of the Tree element added from the onChange section and the action is created automatically.