Configuring a Tree Component

  1. Add a Tree component and assign a Component ID.
  2. On the General Settings tab, you can configure the tree height in pixels. If a height is specified, a scroll bar will appear once the list of records exceeds the height and let you scroll through the list. If no height is specified, the tree height will expand along with the tree levels.
  3. Choose the tree operation mode. For single data service, add a data service. For multiple data services, add one data service per level.
  4. Add interactions to load the first-level data when wanted. For example, on application load.
    You only need to add an interaction to load the first-level data. The other levels load automatically when the tree is expanded.
  5. Add fields for display on each level.
    Note: Make sure to configure the data service used by the tree to retrieve input from correct places.

    For example, the tree structure uses the API MOS446MI/LstSiteComp. To display each level correctly, the value in the CFGL (Position) field must be used as input to the CFGH (NH position) field, because the API requires this input format.

    These are the items for multiple data services:
    • When you configure the first level data service you use the same configuration as you would do for an index list, data grid, or other component.
    • For the second level and downwards you need to use input from the tree component itself as input, as each level is giving input to the next.
  6. Save the tree component.
    Note: 

    Maximum 500 records per tree level, limited by the data service.

    Conditional styling is only available for single data service configuration.