RE: Based on value selected the data should be displayed

vyshnavig0001 — Mon, 03 Mar 2025 09:24:58 GMT

Hi ,

},
local!selectedSection: "Requested",
{

I missed the above point . Like saving the section names in a local and calling it . Thank you very much for the help 🙂

RE: Based on value selected the data should be displayed

Konduru Chaitanya — Fri, 28 Feb 2025 18:32:22 GMT

Are you trying to show the same record with different status in the navigation pattern? If yes, you can simply use the filters parameter in the a!recordData() and apply the filter based on the selection. You can reuse the same grid. You can skip the choose part of the navigation pattern and directly use the saveinto to save the status of the selected value and filter the data accordingly.

{
  a!localVariables(
    /* The selected navigation section */
    local!activeNavSection: 1,
    /* The navigation sections */
    local!navSections: {
      a!map(name: "Requested"),
      a!map(name: "Inprogress"),
      a!map(name: "Delayed"),
      a!map(name: "Cancelled"),
      a!map(name: "Completed"),
      
    },
    local!selectedSection: "Requested",
    {
      a!columnsLayout(
        columns: {
          a!columnLayout(
            contents: {
              a!forEach(
                items: local!navSections,
                expression: a!cardLayout(
                  contents: a!sideBySideLayout(
                    items: {
                      a!sideBySideItem(
                        item: a!richTextDisplayField(
                          labelPosition: "COLLAPSED",
                          value: a!richTextItem(
                            text: fv!item.name,
                            color: "ACCENT",
                            size: "MEDIUM",
                            style: if(
                              fv!index = local!activeNavSection,
                              "STRONG",
                              "PLAIN"
                            )
                          )
                        )
                      )
                    },
                    alignVertical: "MIDDLE"
                  ),
                  link: a!dynamicLink(
                    value: fv!index,
                    saveInto: {local!activeNavSection,a!save(local!selectedSection,fv!item.name)}
                  ),
                  style: if(
                    fv!index = local!activeNavSection,
                    "ACCENT",
                    "NONE"
                  ),
                  showBorder: false,
                  accessibilityText: if(
                    fv!index = local!activeNavSection,
                    fv!item.name & " " & "selected",
                    ""
                  )
                )
              ),
              a!cardLayout(
                height: "TALL",
                showWhen: not(a!isPageWidth("PHONE")),
                showBorder: false
              )
            },
            width: "NARROW"
          ),
          a!columnLayout(
            contents: {
              a!sectionLayout(
                label: local!selectedSection,
                contents: {
                  a!gridField(
                    data: a!recordData(
                      recordType: {},
                      filters: {
                        a!queryFilter(      
                        field: { "Your Status Field" },
                        operator: "=",
                        value: local!selectedSection
                        )
                      }
                    )
                  )
                }
              )
            }
          )
        },
        spacing: "SPARSE",
        showDividers: true
      )
    }
  )
}

You can skip few unnecessary parts in the expression.