Editable grid

RE: Editable grid

shivas3219 — Tue, 21 Jan 2025 15:14:48 GMT

Thank you all for the quick response. Got the resolution

RE: Editable grid

JayaPrakash Ravipati — Tue, 21 Jan 2025 10:14:57 GMT

Please check this code. It might help you

a!localVariables(
  local!options:{"Yes","No"},
  local!data:{
    a!map(check:"Yes",text:"sample text")
  },
  a!gridLayout(
    headerCells: {
      a!gridLayoutHeaderCell(label:"Checkboxes"),
      a!gridLayoutHeaderCell(label:"Textfield"),
    },
    columnConfigs: {
      a!gridLayoutColumnConfig(width: "DISTRIBUTE"),
      a!gridLayoutColumnConfig(width: "DISTRIBUTE"),
    },
    rows: a!forEach(
      items: local!data,
      expression: a!gridRowLayout(
        contents: {
          a!checkboxField(
            choiceLabels: local!options,
            choiceValues: local!options,
            value: fv!item.check,
            saveInto: fv!item.check
          ),
          a!textField(
            value: fv!item.text,
            saveInto: fv!item.text,
            readOnly: if(
              fv!item.check="Yes",
              true(),
              false()
            )
          )
        }
      )
    ),
    addRowLink: a!dynamicLink(
      label:"Add new row",
      saveInto: a!save(local!data,append(local!data,a!map(check:"",text:"")))
    )
  )
)

RE: Editable grid

Nilanshu Moolwani — Tue, 21 Jan 2025 10:04:13 GMT

Please try this code and let me know if you need anything else.

a!localVariables(
  local!data: { a!map(checkbox: null, text: null) },
  {
    a!gridLayout(
      label: "Editable Grid",
      labelPosition: "ABOVE",
      headerCells: {
        a!gridLayoutHeaderCell(label: "Checkbox"),
        a!gridLayoutHeaderCell(label: "Text")
      },
      columnConfigs: {},
      rows: {
        a!forEach(
          items: local!data,
          expression: {
            a!gridRowLayout(
              contents: {
                a!checkboxField(
                  choiceLabels: "Make text editable",
                  choiceValues: true,
                  value: index(fv!item, "checkbox", null),
                  saveInto: fv!item.checkbox
                ),
                a!textField(
                  value: index(fv!item, "text", null),
                  saveInto: fv!item.text,
                  readOnly: not(or(index(fv!item, "checkbox", null)))
                )
              }
            )
          }
        )
      },
      addRowLink: a!dynamicLink(
        label: "Add new row",
        saveInto: a!save(
          local!data,
          append(
            local!data,
            a!map(checkbox: null, text: null)
          )
        )
      ),
      selectionSaveInto: {},
      validations: {},
      shadeAlternateRows: true
    )
  }
)

RE: Editable grid

David Jimenez — Tue, 21 Jan 2025 09:45:34 GMT

Check this link

community.appian.com/.../checkbox-value-storage-multiple-and-retrieval-in-read-only

RE: Editable grid

Stefan Helzle — Tue, 21 Jan 2025 08:15:38 GMT

Please share some example code showing what you already have.