RE: Custom Picker Field Null and Not Saving

Kyle G — Mon, 13 Dec 2021 19:06:20 GMT

I am silly, I forgot to hit test and was using old local variable data it worked perfectly thank you!!

RE: Custom Picker Field Null and Not Saving

hrishikeshd997 — Mon, 13 Dec 2021 18:54:40 GMT

Did you update the way you had initialized the locals before i.e. use empty string instead of null and then remove the use of cast from your save. Also did you use the suggest function from the recipe that was shared earlier. This should give the expected result as below -

RE: Custom Picker Field Null and Not Saving

Kyle G — Mon, 13 Dec 2021 18:27:03 GMT

The above solution did not work for me. It still has the same issue of clicking on something and then not saving that to the local variable.

RE: Custom Picker Field Null and Not Saving

hrishikeshd997 — Mon, 13 Dec 2021 17:44:18 GMT

Below code should work (for adding up to 4 values). For the suggestFunction use the one from "Configure an Array Picker" SAIL recipe

https://docs.appian.com/suite/help/21.4/recipe-configure-an-array-picker.html

a!localVariables(
  local!pubProdCtry: cast(typeof({""}), repeat(4, null())),
  local!dataProdCtry1: cast(typeof({""}), repeat(4, null())),
  local!count: 1,
  local!datacount: 1,
  local!primary1: repeat(4, null),
  local!primary2: repeat(4, null),
  local!allCountryLabels: {"USA", "UK", "India"},
  local!allCountryAbbreviations: {"USA", "UK", "India"},
  {
    a!cardLayout(
      contents: {
        a!forEach(
          items: enumerate(local!count),
          expression: 
          a!columnsLayout(
            columns: {
              a!columnLayout(
                contents: {
                  a!pickerFieldCustom(
                    label: "Producing Country",
                    labelPosition: "ABOVE",
                    placeholder: "--- Search by Name or GENC 3 ---",
                    maxSelections: 1,
                    suggestFunction: rule!TH_arrayPicker(
                      filter:_ , 
                      labels: local!allCountryLabels, 
                      identifiers: local!allCountryAbbreviations
                    ),
                    selectedLabels: a!forEach(
                      items: local!pubProdCtry[fv!index],
                      expression: index(local!allCountryLabels, wherecontains(fv!item, local!allCountryAbbreviations))
                    ),
                    value: local!pubProdCtry[fv!index],
                    saveInto: local!pubProdCtry[fv!index]
                  ),
                },
              ),
              a!columnLayout(
                contents: {
                  a!checkboxField(
                    label: "Primary",
                    labelPosition: "ABOVE",
                    choiceLabels: {""},
                    choiceValues: {true},
                    value: toboolean(local!primary1[fv!index]),
                    saveInto: {local!primary1[fv!index]},
                    choiceLayout: "COMPACT",
                    choiceStyle: "STANDARD",
                    validations: {},
                    align: "CENTER"
                  )
                },
                width: "EXTRA_NARROW" 
              )
            }
          )
        ),
        a!columnsLayout(
          columns: {
            a!columnLayout(
              contents: {
                a!buttonArrayLayout(
                  buttons: {
                    a!buttonWidget(
                      label: "Remove",
                      icon: "minus",
                      value: local!count - 1,
                      saveInto: local!count,
                      size: "SMALL",
                      style: "LINK"
                    )
                  },
                  align: "END"
                )
              },
              width: "AUTO"
            ),
            a!columnLayout(
              contents: {
                a!buttonArrayLayout(
                  buttons: {
                    a!buttonWidget(
                      label: "Add",
                      icon: "plus",
                      value: local!count + 1,
                      saveInto: local!count,
                      size: "SMALL",
                      width: "MINIMIZE",
                      style: "LINK"
                    )
                  },
                  align: "END",
                  marginBelow: "STANDARD"
                )
              },
              width: "EXTRA_NARROW"
            )
          }
        ),
      },
      height: "AUTO",
      style: "NONE",
      marginBelow: "STANDARD"
    ),

    a!cardLayout(
      contents: {
        a!forEach(
          items: enumerate(local!datacount),
          expression: 
          a!columnsLayout(
            columns: {
              a!columnLayout(
                contents: {
                  a!pickerFieldCustom(
                    label: "Data Producing Country",
                    labelPosition: "ABOVE",
                    placeholder: "--- Search by Name or GENC 3 ---",
                    maxSelections: 1,
                    suggestFunction: rule!TH_arrayPicker(
                      filter:_ , 
                      labels: local!allCountryLabels, 
                      identifiers: local!allCountryAbbreviations
                    ),
                    selectedLabels: a!forEach(
                      items: local!dataProdCtry1[fv!index],
                      expression: index(local!allCountryLabels, wherecontains(fv!item, local!allCountryAbbreviations))
                    ),
                    value: local!dataProdCtry1[fv!index],
                    saveInto: local!dataProdCtry1[fv!index],
                    required: true
                  )
                }
              ),
              a!columnLayout(
                contents: {
                  a!checkboxField(
                    label: "Primary",
                    labelPosition: "ABOVE",
                    choiceLabels: {""},
                    choiceValues: {true},
                    value: toboolean(local!primary2[fv!index]),
                    saveInto: {local!primary2[fv!index]},
                    choiceLayout: "COMPACT",
                    choiceStyle: "STANDARD",
                    validations: {},
                    align: "CENTER"
                  )
                },
                width: "EXTRA_NARROW" 
              )
            }
          )
        ),
        a!columnsLayout(
          columns: {
            a!columnLayout(
              contents: {
                a!buttonArrayLayout(
                  buttons: {
                    a!buttonWidget(
                      label: "Remove",
                      icon: "minus",
                      value: local!datacount - 1,
                      saveInto: local!datacount,
                      size: "SMALL",
                      style: "LINK"
                    )
                  },
                  align: "END"
                )
              },
              width: "AUTO"
            ),
            a!columnLayout(
              contents: {
                a!buttonArrayLayout(
                  buttons: {
                    a!buttonWidget(
                      label: "Add",
                      icon: "plus",
                      value: local!datacount + 1,
                      saveInto: local!datacount,
                      size: "SMALL",
                      width: "MINIMIZE",
                      style: "LINK"
                    )
                  },
                  align: "END",
                  marginBelow: "STANDARD"
                )
              },
              width: "EXTRA_NARROW"
            )
          }
        )
      },
      height: "AUTO",
      style: "NONE",
      marginBelow: "STANDARD"
    ),
  }
)