Reload the form after closing UI Page ran from UI Action

[MaciejD]

I have a UI action that spawns a UI Page, which in turn runs a Script Include in order to create an approval. The functionality works, but there's a problem - I can't figure out how to reload the form after sending the data. It must be reloaded in order to hide the button, thus preventing the user from creating multiple approvals (only one is permitted).

UI Action code (onclick: loadConfirmDialog(), client checkbox set to true):

var approvalDialog;

function loadConfirmDialog() {
    var dialogClass = window.GlideModal ? GlideModal : GlideDialogWindow;
    approvalDialog = new dialogClass("ask_for_approval_dialog", false, 648, 250);
    approvalDialog.setPreference('sys_id', g_form.getUniqueValue());
    approvalDialog.setTitle(new GwtMessage().getMessage("Ask for approval"));
    approvalDialog.render();
}

if (typeof window == 'undefined')
    setRedirect();

function setRedirect() {
    //current.u_additional_approval = true;
    //current.state = 3;
    //current.u_hold_reason = 10;
    current.update();
    action.setRedirectURL(current);
}

UI Page client script:

function submitData() {
	var reference = gel('approval_approver_ref').value;
	var textArea = trim(gel('approval_reason').value);
	var sysId = gel('sys_id').value;

	if (!reference || !textArea) 
		return;

	//console.log("MD: " + JSON.stringify(reference) + " " + JSON.stringify(textArea) + " " + sysId);
	var ga = new GlideAjax('createApprovalFromUiAction');
		ga.addParam('sysparm_name', 'createApprovalFromUiAction');
		ga.addParam('sysparm_ritm', sysId);
		ga.addParam('sysparm_approver', reference);
		ga.addParam('sysparm_reason', textArea);
		ga.getXML();
		GlideDialogWindow.get().destroy();
		//gsftSubmit(null, g_form.getFormElement(), "ask_for_approval_ui_page");
		//action.setRedirect(current);
}

function cancelDialog() {
	GlideDialogWindow.get().destroy();
}

I tried multiple things, and my findings are as follows:
1. The setRedirect() function doesn't run, so anything inside it does nothing. Is it possible to make the UI Action do something after closing the UI Page?
2. The commented out "gsftSubmit" function kind of does the trick, but it inconveniences the user. It kicks the user back to the previous page and displays the "Action not authorized" error.
3. I tried the "location.reload()" function in the UI Page, but it either did nothing, or reloaded the page BEFORE it sent any data.

How can I make all of that work together?

[Ankur Bawiskar · Accepted solution]

@MaciejD 

it worked for me with this simple UI page, It reloaded the form

give this for dialog buttons and  don't give extra attributes

<g:dialog_buttons_ok_cancel cancel="return cancelDialog();" ok="return submitData();"/>

My UI Page and Output:

In your client script set return true and see if it works

function submitData() {

    var reference = gel('approval_approver_ref').value;

    var textArea = trim(gel('approval_reason').value);

    var sysId = gel('sys_id').value;



    if (!reference || !textArea) 

        return;



    //console.log("MD: " + JSON.stringify(reference) + " " + JSON.stringify(textArea) + " " + sysId);

    var ga = new GlideAjax('createApprovalFromUiAction');

        ga.addParam('sysparm_name', 'createApprovalFromUiAction');

        ga.addParam('sysparm_ritm', sysId);

        ga.addParam('sysparm_approver', reference);

        ga.addParam('sysparm_reason', textArea);

        ga.getXML();

        GlideDialogWindow.get().destroy();

        return true;

}

If my response helped please mark it correct and close the thread so that it benefits future readers.

[Ankur Bawiskar]

@MaciejD 

are you in scoped app or global scope?

If my response helped please mark it correct and close the thread so that it benefits future readers.

[MaciejD]

everything is done in global

[Ankur Bawiskar]

@MaciejD 

can you try to remove the ajax call and see if processing script works

[MaciejD]

If I remove the Ajax, then there will be no approvals. I tried it anyway - still doesn't run.

[Ankur Bawiskar · Accepted solution]

@MaciejD 

it worked for me with this simple UI page, It reloaded the form

give this for dialog buttons and  don't give extra attributes

<g:dialog_buttons_ok_cancel cancel="return cancelDialog();" ok="return submitData();"/>

My UI Page and Output:

In your client script set return true and see if it works

function submitData() {

    var reference = gel('approval_approver_ref').value;

    var textArea = trim(gel('approval_reason').value);

    var sysId = gel('sys_id').value;



    if (!reference || !textArea) 

        return;



    //console.log("MD: " + JSON.stringify(reference) + " " + JSON.stringify(textArea) + " " + sysId);

    var ga = new GlideAjax('createApprovalFromUiAction');

        ga.addParam('sysparm_name', 'createApprovalFromUiAction');

        ga.addParam('sysparm_ritm', sysId);

        ga.addParam('sysparm_approver', reference);

        ga.addParam('sysparm_reason', textArea);

        ga.getXML();

        GlideDialogWindow.get().destroy();

        return true;

}

If my response helped please mark it correct and close the thread so that it benefits future readers.