Need Tree View structure like component

Hi,

Sorry for the late response but it can help others.

it is possible to create a tree view base on a hierarchical array and using the grid layout component. This sample is based on the pattern Expand/Collapse Rows in a Tree Grid - Appian 20.4. As you can see, to solve the problem of hierarchy, I use the recursivity. Because it is based on the grid layout component, you should easily extend this sample to do anything you want.

Interface:

a!localVariables(
    local!data: {{id: 1,value: "un",childs: {{id: 11,value: "onze",childs: {{ id: 111, value: "cent onze" },{ id: 112, value: "cent douze" }}},{ id: 12, value: "douze" }}},{ id: 2, value: "deux" },{ id: 3, value: "trois" }},
    {
        a!gridLayout(
             headerCells: {
                   a!gridLayoutHeaderCell(label: "Id"),
                   a!gridLayoutHeaderCell(label: "Text", align: "RIGHT")
             },
             columnConfigs: {
                   a!gridLayoutColumnConfig(width: "DISTRIBUTE", weight: 4),
                   a!gridLayoutColumnConfig(width: "DISTRIBUTE")
             },
             rows: rule!createGridRowLayoutForTreeview(
                  data: local!data,
                  level: 0
             )
        )
    }
)

Expression rule createGridRowLayoutForTreeview:

a!forEach(
    items: ri!data,
    expression: {
         a!localVariables(
               local!expanded: false,
               {
                   a!gridRowLayout(
                         contents: {
                                 a!richTextDisplayField(
                                       label: "row " & fv!index,
                                       value: {
                                               a!richTextItem(text: repeat(ri!level, " ")),
                                               a!richTextIcon(
                                                     icon: if(isnull(fv!item.childs),
                                                                  "square-o",
                                                                  if(local!expanded,
                                                                        "minus-square-o",
                                                                        "plus-square-o"
                                                                   )
                                                              ),
                                                      link: a!dynamicLink(
                                                              value: not(local!expanded),
                                                              saveInto: local!expanded
                                                      )
                                                ),
                                               a!richTextItem(text: " " & fv!item.id, )
                                      }
                                ),
                                a!textField(
                                         label: "value " & fv!index,
                                         value: fv!item.value,
                                         readOnly: true
                                )
                         }
                  ),
                  if(local!expanded,
                         if(isnull(fv!item.childs),
                               {},
                               rule!JAB_Expression_createGridRowLayoutForTreeview(data: fv!item.childs, level: ri!level + 1)
                         ),
                         {}
                  )
           }
        ),
    },
)

THis is also what I have in mind a few weeks ago. Expand collapdse rows in a grid using richtext and recursivity through expression

THis is also what I have in mind a few weeks ago. Expand collapdse rows in a grid using richtext and recursivity through expression