A5.executeThisThenThat issue...... not working! :)

[pettechservices]

Alright, hi everyone!

I am attempting to show a success message first and then a second message that displays a message box with YES/NO options.

Here is the javascript code:

function showSavedMessage() {
	A5.executeThisThenThat(showSavedMessage2,askClearToScheduleFlag);
	
}

function showSavedMessage2() {
	A5.msgBox.show('Submit Successful','<div style=\'padding: 20px;\'>Record submitted successfully.</div>','o',function() {
	
	});
	
}


function askClearToScheduleFlag() {
	
	A5.msgBox.show('Appointment Scheduled','<div style=\'padding: 20px;\'>Do you want to clear the SCHEDULE APPOINTMENT flag?</div>','yn',function(button){
    if(button == 'yes'){
        // code to save...
        // clearToScheduleFlag
        //{dialog.object}.runAction('clearToScheduleFlag');
        alert('hello');
     } else if(button == 'no'){
        // code to close without saving...
        alert('nope');
     }
	});
}

In the attached example project, I have a button on a UX that just calls the "showSavedMessage()" function, but in my actual project, I have this being called during server-side Save Submitted Data to Tables -> After save succeeded Javascript section. Both are producing the same results.

Basically, I want the user to see the Submission Successful message first, click OK, then be prompted for with the second box. It seems that the first one never displays, and goes directly to the second box only, prompting for a yes/no.

I have tried calling the second function for the yes/no box from the first one after the OK is clicked but it seems that it still went directly to the second msgbox.

Any ideas?!?!?

Here is a link to a screencast showing how it goes to the yes/no msg box instead of the first one.

http://screencast.com/t/NjqsGDSLnq

and an example project is attached:

thisthenthat_example.zip


Thank you!!

[TheSmitchell]

Re: A5.executeThisThenThat issue...... not working! :)

I think your issue is that A5.msgBox.show is non-blocking. The page will continue to execute after the window is shown. Built-in system popup boxes will block javascript execution - the alert, prompt, whatever the one that starts with a "c" is. There are whole websites dedicated to debating the degree of horribleness that is "alert" and blocking javascript execution.

Call the second msgBox from the "onClose" function for the first. If you don't "need" to show the second message box in some situations, set a state variable in your first function that you can reference in the last function to determine whether to display the message or not. I wrapped the second call in a setTimeout so the second box would appear. I believe there is a "race condition" - for lack of a better term - of sorts in wanting to show a new A5 message box while an existing one is closing. You can't have 2 open at the same time, for sure. setTimeout should take care of this.

function showSavedMessage() {
	showSavedMessage2();
	
}

function showSavedMessage2() {
	A5.msgBox.show('Submit Successful','<div style=\'padding: 20px;\'>Record submitted successfully.</div>','o',function(buttons) {
	    setTimeout(askClearToScheduleFlag,200);
	});
	
}


function askClearToScheduleFlag() {
	
	A5.msgBox.show('Appointment Scheduled','<div style=\'padding: 20px;\'>Do you want to clear the SCHEDULE APPOINTMENT flag?</div>','yn',function(button){
    if(button == 'yes'){
        // code to save...
        // clearToScheduleFlag
        //{dialog.object}.runAction('clearToScheduleFlag');
        alert('hello');
     } else if(button == 'no'){
        // code to close without saving...
        alert('nope');
     }
	});
}

[pettechservices]

Re: A5.executeThisThenThat issue...... not working! :)

Ahhhh, thank you Sarah. Was pulling out my nonexistant hair out on this for a while. Seems I have never been able to get the executethisthenthat working..

Will give this a shot in the morning. Thank you!

[TheSmitchell]

Re: A5.executeThisThenThat issue...... not working! :)

My experience with this function is zero and I can't find anything on the wiki documenting it, soooooooooooooooooooo -- I'm just assuming that it was built for some other purpose than what you're trying to do with it.

[pettechservices]

Re: A5.executeThisThenThat issue...... not working! :)

If you use the Action Javascripting for an event like click, you will see a checkbox to allow you to run commands asynchronously.. so one has to complete before the next. Search the forum for executethisthenthat and you will see about it.

Thank you!!! :)

[kkfin]

Re: A5.executeThisThenThat issue...... not working! :)

My experience with this function is zero and I can't find anything on the wiki documenting it, soooooooooooooooooooo -- I'm just assuming that it was built for some other purpose than what you're trying to do with it.

You can find documentation here. For some unknown reason there is two (maybe more?) separate releasenotes for version 12 (AA). This one has documentation for A5.executeThisThenThat() -function

[Clipper87]

Re: A5.executeThisThenThat issue...... not working! :)

See this video for some more insight http://www.ajaxvideotutorials.com/V1...tExecution.swf

[TheSmitchell]

Re: A5.executeThisThenThat issue...... not working! :)

Ah. It's to prevent callbacks from executing in parallel.

[compuaid]

Re: A5.executeThisThenThat issue...... not working! :)

I used it in an AfterDialogValidate server side event to close the window when data was submitted and posted properly. I needed to make sure that my other Ajax callbacks that posted child information had completed before I closed the dialog:

    'If we get here everything validated okay and posted to all subsequent improvements so we 
    'can write the changes back to the calling form, clear the dirty flags on the current component
    'and then close this form
    e.javascript = <<%js%
            function SetFormToClean() {
                SetParentData();
                setTimeout (function() {
                {dialog.object}._setRowState(1,false);
                },10);
            }
            
            function CloseThisForm() {
                var ele = {dialog.Object}.getPointer('BUTTON_SUBMIT');
                {dialog.Object}.closeContainerWindow(ele);
            }
            
            A5.executeThisThenThat(SetFormToClean,CloseThisForm);
            %js%

One of the big "gotchas" that I had to discover was that you don't use quotes around the names of the functions you're calling in A5.executeThisThenThat since what you are actually passing is the objects themselves. Also remember that Javascript is VERY case-sensitive!