Refresh all Tables When Form is Submitted

Please note that this is now available as a plugin for easier installation. While you can use this document as a reference, the recommended method to add this functionality is through the plugin installation wizard. Learn more about plugins here. 

This is a solution to refresh only the tables after a form's submit button is clicked without refreshing/reloading the entire page.

Step 1

On the live app, find your form's ID.

Step 2

Add the following code to the JavaScript tab of the page.

var submitButtonLoaded = false;
var formID = 'x_element_page_X_XX'; // Change this to the ID of the form you are submitting
var timeToWait = 500; // Number of milliseconds to wait before refreshing the tables
function checkIfSubmitButtonHasLoaded() {
    if (submitButtonLoaded === false) {
        if ($('#' + formID + ' .form-submit button').html() !== undefined) {
            submitButtonLoaded = true;
        }
        window.setTimeout(checkIfSubmitButtonHasLoaded, 100);
    } else {
        $('#' + formID + ' .form-submit button').click(function() {
            setTimeout(function() {
                $('[ng-click="refreshData()"]').click();
            }, timeToWait);
        });
    }
}
checkIfSubmitButtonHasLoaded();

Original Community Post:

JS - Refresh Tables Only - Community Discussions / How Do I - Tadabase Community