Create a tab options using one of the column values in the datatbase table

RE: Create a tab options using one of the column values in the datatbase table

Stefan Helzle — Wed, 26 Apr 2023 06:15:38 GMT

What exactly do you mean with "tabs"?

RE: Create a tab options using one of the column values in the datatbase table

GopalK — Wed, 26 Apr 2023 03:29:50 GMT

you can create a read only grid.

RE: Create a tab options using one of the column values in the datatbase table

mohinip — Tue, 25 Apr 2023 21:13:19 GMT

Thank you! I have one more question, I want to display table in my tabs? how can I do that?

RE: Create a tab options using one of the column values in the datatbase table

Amaan Shekh — Fri, 14 Apr 2023 02:03:02 GMT

you can take refrence from this code ->

a!localVariables(
  local!datasubset: {
    /*your data*/
    a!map(id: 1, name: "Aman", iq: - 1, dob: 2001),
    a!map(id: 2, name: "Shadman", iq: 10, dob: 2002),
    a!map(id: 3, name: "Tarannum", iq: 100, dob: 2001)
  },
  local!tabs: union(index(local!datasubset,"dob",""),index(local!datasubset,"dob","")), /*tabs value from data/database, use union to avoid duplicates*/,
  local!selectedab,
  local!filteredData: if(
    a!isNotNullOrEmpty(local!selectedab),
    index(
      local!datasubset,
      wherecontains(
        local!selectedab,
        index(local!datasubset, "dob", "")
      )
    ),
    local!datasubset
  ),
  /*filtered data accoring to selected tab*/
  {
    /*tabs design  - you can use card in columns too */
    a!buttonArrayLayout(
      buttons: {
        a!forEach(
          items: local!tabs,
          expression: a!buttonWidget(
            label: fv!item,
            saveInto: a!save(local!selectedab, fv!item),
            style: if(
              and(
                a!isNotNullOrEmpty(local!selectedab),
                fv!item = local!selectedab
              ),
              "PRIMARY",
              "NORMAL"
            )
          )
        ),
        a!buttonWidget(
          label: "clear",
          style: "LINK",
          saveInto: a!save(local!selectedab, null)
        )
      },
      align: "START"
    ),
    a!gridField(
      data: local!filteredData,
      columns: {
        a!gridColumn(label: "", value: fv!row.id),
        a!gridColumn(label: "name", value: fv!row.name),
        a!gridColumn(label: "Iq", value: fv!row.iq),
        a!gridColumn(label: "Dob", value: fv!row.dob)
      },
    
      rowHeader: 1
    )
  }
)

RE: Create a tab options using one of the column values in the datatbase table

Abhay Dalsaniya — Thu, 13 Apr 2023 20:30:17 GMT

Fetch the year in the list and loop in using forEach to display a button or link act as a tab and on click of the respective tab display the content.