Support Article

Submit modal quickly after Click events on grid fail validation

SA-55446

Summary

A modal dialog is launched that loads a grid. The rows of the grid have an Expand pane configured to load a nested inner grid. Users must "select" a row within the inner nested grid before submitting the modal dialog.

If a user does not select a row, then a validation is fired. However, if a user selects a row and quickly attempts to submit the modal dialog, the validation can still sporadically fail despite the fact that the user selected a row.

For example, Actions 1 and 2 (depicted in the image below) fired in quick succession can cause the configured validation to fail.

Error Messages

Not Applicable

Steps to Reproduce

Design a modal dialog to load a grid that loads an inner nested grid for its Expand pane.
Add Click actions on the inner grid to perform business logic and capture row click.
Add validation to fire upon local flow action submission.
Click the row and submit it in quick succession.

Root Cause

An application design issue
The Click event for the row click is specified to perform multiple actions to achieve various server-side business logic.
Example:

If a user does not allow for enough time for the business logic to fully process its actions, the act of quickly submitting the modal dialog can defeat the validation.

Resolution

If the application cannot be refactored to avoid this problematic design, the developer can consider using one or both of the following local changes.

Wrap the action set with Run Script calls. Then call custom functions to show and hide a busy indicator before and after the business processing. These custom functions can be defined in UserWorkForm.

Example:

Wrap the action set with Run Script calls. Then call custom functions to disable/enable the submit button before and after the business processing. These custom functions can be defined in UserWorkForm.

Example:

function disableSubmit(){
var submitBtn = document.getElementById("ModalButtonSubmit");
submitBtn.disabled = true;
}

function enableSubmit(){
var submitBtn = document.getElementById("ModalButtonSubmit");
submitBtn.disabled = false;
}