RE: Showing data in a grid

Acacio Barrado — Thu, 16 Sep 2021 01:45:32 GMT

Hey Saurabh,

Yes it will work, if you use the code that I send as an example you can see that the values are changing in the grid according to the scenario that you select, in your case you just need to to the data transformation.

If you have more doubts of how to adjust the example to your code, perhaps you can share part of your code and we can try to help.

Regards,

Acacio B

RE: Showing data in a grid

saurabh sharma — Thu, 16 Sep 2021 01:24:34 GMT

Hi Acacio,

I have to show the respective yes , no , n/a in respective columns in the grid . Will it work for the same

RE: Showing data in a grid

Acacio Barrado — Thu, 16 Sep 2021 01:06:49 GMT

Hi saurabh sharma

You will be able to achieve your solution in many different ways, please refer to the code below as it can give you some ideas, and than you can improve and adjust for your scenario.

a!localVariables(
  local!dataFromDb: {
    a!map(scenario: 1, isA: 0, isB: 1, isC: 1, colour: "#3498db"),
    a!map(scenario: 2, isA: 1, isB: 0, isC: 1, colour: "#2ecc71"),
    a!map(scenario: 3, isA: 1, isB: 1, isC: 0, colour: "#2980b9")
  },
  local!selectedData:null,
  local!convertedData: a!refreshVariable(
    value: if(
      isnull(local!selectedData),
      null,
      if(
      index(local!selectedData,"isA",null)=false(),  
      a!update(local!selectedData,{"isA","isB","isC"},{"Yes","N/A","N/A"}),
      if(
        index(local!selectedData,"isB",null)=true(),
        a!update(local!selectedData,{"isA","isB","isC"},{"Yes","Yes",if(index(local!selectedData,"isC",null),"Yes","No")}),
        a!update(local!selectedData,{"isA","isB","isC"},{"Yes","No","N/A"}),
      )
    )
    ),
    refreshOnReferencedVarChange: true()
  ),
  {
    a!columnsLayout(
      alignVertical: "MIDDLE",
      columns: a!forEach(
        items: local!dataFromDb,
        expression: {
          a!columnLayout(
            contents: a!cardLayout(
              style: fv!item.colour,
              contents: a!richTextDisplayField(
                align: "CENTER",
                value: a!richTextItem(
                  color: "#FFF",
                 text: concat("Scenario: ",fv!item.scenario)
                )
              ),
              link: a!dynamicLink(
                value: fv!item,
                saveInto: a!save(local!selectedData,save!value)
              )
            )
          )
        }
      )
    ),
   a!gridLayout(
     label: "Community Question",
     headerCells: a!forEach(
       items: {"isA","isB","isC"},
       expression:  a!gridLayoutHeaderCell(
         label: fv!item,
         align: "CENTER"
       ),
     ),
     rows: a!gridRowLayout(
      contents: {
       a!textField(
         align: "CENTER",
         readOnly: true(),
         value: index(local!convertedData,"isA",null)
       ),
       a!textField(
         align: "CENTER",
         readOnly: true(),
         value: index(local!convertedData,"isB",null)
       ),
       a!textField(
         align: "CENTER",
         readOnly: true(),
         value: index(local!convertedData,"isC",null)
       )
       }
     )
   
    
   )
  }
  
)

I hope that helps,

Regards,

Acacio B