Problem in "Interfaces Tutorial 103"... with a type

RE: Problem in "Interfaces Tutorial 103"... with a type

Peter Lewis — Tue, 18 Aug 2020 19:25:49 GMT

I think if you do want to keep something more similar to your approach you have here, you could enumerate the list of values based on how many items are in the list. For example, if you have 3 rows, you should always have a list of {1,2,3}; so you can set your choiceValues as the following to generate the list:

enumerate(length(ri!departments.order)) + 1

RE: Problem in "Interfaces Tutorial 103"... with a type

aveldena — Tue, 18 Aug 2020 19:15:47 GMT

yep: that's what I wrote . "...., because the null value is no longer inserted in the list. That is positive."

And the other idea in the link is definitly a solution.

It is a total different approach than my odd one , but...at least it will work.

Thx again.

It's a pleasure.

RE: Problem in "Interfaces Tutorial 103"... with a type

Peter Lewis — Tue, 18 Aug 2020 13:14:58 GMT

Ah okay, I know what the issue is - there is a third possible reason for this issue: if the choiceValues list itself has a null! In your case, your choiceValues list is coming directly from ri!departments.order. However, that variable is also the same one you update when adding a new row (and you're adding an empty order to the list). So initially your choice values are {2,3}, but when you add a new row, your list ends up as {2,3,null} and the null isn't allowed in the choice values list.

From your description, it looks like you're trying to set up a way to reorder items in the grid. Have you tried something like this?

RE: Problem in "Interfaces Tutorial 103"... with a type

aveldena — Tue, 18 Aug 2020 09:50:39 GMT

when i change local!choiceOfOrderLabels & Values to static lists like this

local!choiceOfOrderLabels: {1,2,3,4,5},
local!choiceOfOrderValues: local!choiceOfOrderLabels

(..and add value: fv!item.order, even though this has nothing to do with the error...)

the error is gone....

That is understandable, because the null value is no longer inserted in the list. That is positive.

Negativ is , that my idea of an "ordered list" will not work this way but this is another story and I skip this till later 🙂

RE: Problem in "Interfaces Tutorial 103"... with a type

aveldena — Tue, 18 Aug 2020 08:16:22 GMT

Thank you Peter. I am really thankful that you try to help me here. (And by the way I enjoed watching your tutorial videos :))

..checked the code and ...unfortunately the placeholder Label property is set. look:

a!dropdownField(
                  label: "Dropdown",
                  labelPosition: "ABOVE",
                  placeholderLabel: "--- Select a Value ---",
                  choiceLabels: local!choiceOfOrderLabels,
                  choiceValues: local!choiceOfOrderValues,
                  saveInto: {
                    fv!item.order
                  },
                  disabled: true,
                  validations: {}
                ),

I have a feeling that it must be the first point on your list, but can not yet pinpoint the reason....hmmm...

my interface:

a!localVariables(
local!choiceOfOrderLabels: ri!departments.order,
local!choiceOfOrderValues: local!choiceOfOrderLabels,
local!newGridRow: 'type!{urn:com:appian:types}ita_department'(),
/*local!newGridRow : cast('type!{urn:com:appian:types}ita_department',{0, "leer", 0, false}),*/
a!formLayout(
    label: "Form",
    contents: {
      a!gridLayout(
        label: "Department List",
        labelPosition: "ABOVE",
        headerCells: {
          a!gridLayoutHeaderCell(
            label: "ID"
          ),
          a!gridLayoutHeaderCell(
            label: "Name"
          ),
          a!gridLayoutHeaderCell(
            label: "Order"
          ),
          a!gridLayoutHeaderCell(
            label: "isActive?"
          ),
          a!gridLayoutHeaderCell(
            label: "Delete?"
          )
        },
        columnConfigs: {
          a!gridLayoutColumnConfig(
            width: "DISTRIBUTE"
          ),
          a!gridLayoutColumnConfig(
            width: "DISTRIBUTE",
            weight: 3
          ),
          a!gridLayoutColumnConfig(
            width: "DISTRIBUTE"
          ),
          a!gridLayoutColumnConfig(
            width: "DISTRIBUTE"
          ),
          a!gridLayoutColumnConfig(
            width: "ICON"
          )
        },
        rows: a!forEach(
          items: ri!departments,
          expression: {
            a!gridRowLayout(
              contents: {
                a!integerField(
                  label: "Integer",
                  labelPosition: "ABOVE",
                  value: fv!item.departmentid,
                  saveInto: {
                    fv!item.departmentid
                  },
                  refreshAfter: "UNFOCUS",
                  validations: {}
                ),
                a!textField(
                  label: "Text",
                  labelPosition: "ABOVE",
                  value: fv!item.name,
                  saveInto: {
                    fv!item.name
                  },
                  refreshAfter: "UNFOCUS",
                  validations: {}
                ),
                a!dropdownField(
                  label: "Dropdown",
                  labelPosition: "ABOVE",
                  placeholderLabel: "--- Select a Value ---",
                  choiceLabels: local!choiceOfOrderLabels,
                  choiceValues: local!choiceOfOrderValues,
                  saveInto: {
                    fv!item.order
                  },
                  disabled: true,
                  validations: {}
                ),
                a!radioButtonField(
                  label: "Radio Buttons",
                  labelPosition: "ABOVE",
                  choiceLabels: {
                    "Yes",
                    "No"
                  },
                  choiceValues: {
                    true,
                    false
                  },
                  value: fv!item.isactive,
                  saveInto: {
                    fv!item.isactive
                  },
                  choiceLayout: "STACKED",
                  validations: {}
                ),
                a!linkField(
                  label: "Link",
                  labelPosition: "ABOVE",
                  links: {}
                )
              }
            )/*a for each */

          }
        ),
        selectionSaveInto: {},
        validations: {},
        shadeAlternateRows: true,
        addRowLink: a!dynamicLink(
          label: "addRow",
          saveInto: a!save(
            target: ri!departments,
            value: append(
              ri!departments,
              {local!newGridRow}
            )
          )
        )
      )/* grid layout*/

    },
    buttons: a!buttonLayout(
      primaryButtons: {
        a!buttonWidget(
          label: "Submit",
          submit: true,
          style: "PRIMARY"
        )
      },
      secondaryButtons: {
        a!buttonWidget(
          label: "Cancel",
          submit: true,
          style: "SECONDARY"
        )
      }
    )
)
)

and my rule input is:

departments (List of ita_department)

List of ita_department:

5 items

ita_department department
id: 3
name: "Accounting"
order: 3
isactive: true

ita_department department
id: 2
name: "Applied Sport and Exercise Science"
order: 2
isactive: true

....

RE: Problem in "Interfaces Tutorial 103"... with a type

Peter Lewis — Mon, 17 Aug 2020 21:35:25 GMT

This is one of those tricky cases where there is a simple solution that isn't obvious from the error message. In general the error you see can happen in one of two cases:

The current value doesn't match list of values in the choiceValues list.
Your current value is null AND you don't have a placeholderLabel

The placeholderLabel is any text string to display when your value is null. So, the easiest way to fix this is actually to add placeholderLabel: "Select a value..." or something similar. Then, when the value is null, it should show the text string you provide for the placeholder without an error.