RE: Editable Grid - Simulate Required Attribute found in other components

Mike Schmitt — Thu, 26 Jul 2018 15:15:07 GMT

A quick workaround I can think of, would be to add an empty, read-only text field either right above or right below the grid, with a "required" message configured to explain that at least one entry must be added; as soon as one entry is added, just hide the text field.

Edit to add: please see the following quick example--

load(
  local!rows: {},
  a!formLayout(
    contents: {
      a!gridLayout(
        label: "My Entries",
        headerCells: {
          a!gridLayoutHeaderCell(
            label: "Name"
          )
        },
        rows: a!forEach(
          local!rows,
          a!gridRowLayout(
            contents: {
              a!textField(
                value: fv!index,
                readOnly: true()
              )
            }
          )
        ),
        addRowLink: a!dynamicLink(
          label: "Add Entry",
          saveInto: a!save(
            local!rows,
            append(
              local!rows,
              "new row"
            )
          )
        )
      ),
      a!textField(
        readOnly: true(),
        labelPosition: "COLLAPSED",
        showWhen: length(local!rows) = 0,
        required: true(),
        requiredMessage: "At least one entry must be added."
      )
    },
    buttons: a!buttonLayout(
      secondaryButtons: a!buttonWidget(
        label: "Submit",
        validate: true()
      )
    )
  )
)

RE: Editable Grid - Simulate Required Attribute found in other components

thanosm — Thu, 26 Jul 2018 15:02:57 GMT

I want to add to the above that we need this behaviour on both a!buttonWidget and a!buttonWidgetSubmit components. Not just the submit button.