How to create Dynamic Hierarchy Structure View in joget UI Builder ?

Confluence User - 08 Jan, 2024


I have multiple forms in my Joget app: NC, CN, and Units. The form fields are as follows:

  • NC Form Fields: ID, Command Name, Command Code
  • CN Form Fields: ID, Control Rate, Command, Location
  • Units Form Fields: (Please specify the fields for the Units form)

I want to dynamically display CN records under their corresponding NC records on a Joget UI page. For example, if I enter the following records:

  • NC Records: SNC, WNC, ENC
  • CN Records: CN SNC, CN WNC, OF WNC, CN ENC

I want the UI to display them as follows:

  • SNC
    • CN SNC
  • WNC
    • CN WNC
    • OF WNC
  • ENC
    • CN ENC

Please provide the necessary HTML and JavaScript code to achieve this functionality within the Joget UI Builder.

forms;datalists;userviews;server

2


09 Jan, 2024
confluenceUser
confluenceUser

Hi, you could try using the Nested List Formatter to see if it meets your need.

16 Jan, 2024
confluenceUser
confluenceUser

its not working 


RELATED QUESTIONS

Your answer


To answer a question you'll need an account.

Print