Wait.. msg while Saving

[Bob Moore]

Re: Wait.. msg while Saving

Change your code to:

... <img src=\'CSS/A5System/images/wait.gif\'> ...

[mmaisterrena]

Re: Wait.. msg while Saving

That works (still struggling with this JavaScript language)
thank you (again)

[glenschild]

Re: Wait.. msg while Saving

Okay, this method is not working for me!

I have a non editable grid which shows different sections of an exam to be completed. Each section being a different record and therefore a different row on the grid.

There is a button on each row which has 3 action javascripts tagged to the onClick event.

1. Inline-Javascript which opens a message box

A5.msgBox.show('Searching...','<div style=\'padding: 20px;\'>Please wait while we create the module questions...</div>','none',function() {});

2. Ajax Callback which calls an InternalXbasicFunction which creates the personalised questions for the user. These questions are created in a different table. This script works perfectly.

3. Open a Grid Component. This opens a grid in the exam questions table correctly filtered to show only the questions just created. It opens as a modal popup window

Additionally I have placed

A5.msgBox.hide();

in the afterAjaxCallbackComplete Javascript System Event

Now when I run this the message box appears but is immediately covered by the modal popup window which proceeds to open the grid component showing no records. THEN after the ajax callback finishes the message box is closed.

I guess what I am saying is for my circumstances I need a form of WAIT command to STOP the grid component from opening UNTIL the questions have been created.

I have tried a display message box in the action javascript and that DOES stop the grid component from opening until it is closed BUT if it is closed to quickly then only some questions display as all have not been created!

To me this is such a basic requirement and I cannot believe it appears to be so difficult to solve!

[Bob Moore]

Re: Wait.. msg while Saving

Glen,

If I'm following your logic correctly, you have assigned 3 different Action JavaScript actions to the button onClick event and you are expecting each action to complete prior to the next action firing. This is an assumption that you can't make. You need to make all of the associated steps essentially event driven.

That is, upon completion of event1, call event2. Upon completion of event 2, call event 3.

So in your case I would probably:

1. Create a button to call the grid you want to display, using Action JavaScript to do the heavy lifting. Hide this button with conditional display logic, 1=0. It will never appear.

2. In your button onClick event (Not the one you just created and hid above), Open the message box with JavaScript

3. Make the Ajax callback that will populate the grid. If you are using a SQL backend, a stored procedure would work nicely here.

4. When the callback completes, return the Javascript that will close the msgBox and call the onClick event of the hidden button. This should bring up the grid, filtered the way you want.

Notice that we are controlling every aspect of the program flow, making it essentially a synchronous operation.

There are other ways of doing this (define your own events and event handlers) but I think this is the easiest.

I think that will work for you.

[glenschild]

Re: Wait.. msg while Saving

Bob

Thanks for this, it makes sense although this is now showing up my weakness in javascript!

I am struggling with the last part, namely the calling of the onclick event of the hidden button. I am assuming I can call the event from the afterAjaxCallbackComplete Javascript event immediately after the message box has been hidden.

I have created a javascript function in the JavaScript function delarations property window.

function opensesame(){
{grid.componentName}_G__UNBOUND_BUTTON_6_1({grid.rownumber},'{grid.rowId}',this);
}

I have then added a line to the afterAjaxCallbackComplete event which now reads:

A5.msgBox.hide();
onclick=opensesame();

When running the message box opens and then disappears but the grid is not opening.

Nearly there!

[Scholin]

Re: Wait.. msg while Saving

Glenn and/or Bob,

This is a very interesting thread. As you say Glenn, not all of us are at Bob's level of understanding javascript (few are) so if you would be so kind as to post the completed working script when you are done, that would be greatly appreciated!

Good luck.

[Bob Moore]

Re: Wait.. msg while Saving

Glen,

Using the afterAjaxCallbackComplete event is OK for testing but remember it will fire after EVERY callback (like a search, sort, submit, etc.), so you would need some kind of JavaScript variable that acts as a flag that is set in your ajax callback ( you could set the flag in JavaScript prior to making the callback if you want to go on blind faith that the callback did it's job .. not really a good idea) which you would test for in the afterAjaxCallbackComplete event and then clear if required. I think it's easier to do this as part of your Ajax callback.

In any case, to fire a button's onClick event you will need to use something like :

$('{grid.componentName}.V.R{grid.rownumber}._UNBOUND_BUTTON_1').onclick();

So in your case, this may work in your afterAjaxCallbackComplete event (again for testing only!):

try{
  A5.msgBox.hide();
  $('{grid.componentName}.V.R{grid.rownumber}._UNBOUND_BUTTON_6_1').onclick();
}
catch(e){
}

[glenschild]

Re: Wait.. msg while Saving

Hi Bob

Thanks for your help on this.

I am afraid it is still not firing!

Regards

Glen

[kimhere]

Re: Wait.. msg while Saving

There are a number of ways to do this.

You can use the AfterAjaxCallbackComplete event but it will fire after EVERY Ajax callback, that includes searches, sorts, etc. As such, I commonly use a state flag to determine when to initiate the appropriate code or for a more general approach you can use a JavaScript try .. catch statement without a state flag, however this is probably less efficient.

So let's say you have an A5 message box that you want to clear in the AfterAjaxCallbackComplete event. In the example below, using a state flag called my_ajax_function_complete_flag which you would set to true in your Ajax callback function, you could do something like this in the AfterAjaxCallbackComplete event:

if (my_ajax_function_complete_flag){
   try { 
     A5.msgBox.hide();
   }
   catch(e){
   }
   // clear create_flag
   my_ajax_function_complete_flag=false;
}

This tests the state of the flag and attempts to hide the A5.msgBox if the flag is set, it then clears the flag.

Or for a more generic approach without using a state flag, you could do something like this. This will not throw a JavaScript error if the A5.msgBox is not displayed.

try { 
  A5.msgBox.hide();
}
catch(e){

}

The JavaScript try ... catch statement is a very useful tool and I use it often.

I have been fighting this A5.msgbox.show() for a couple days now. I am following the exampes, with the .SHOW in the CanSearchSubmit and the .HIDE() in the AfterSearchSubmit. In WorkingPreview, this works fine, as long as I'm just running the gird itself.

However, the Grid is normally run from a TabbedUI.
When I attempt to run the Grid from the TabbedUI (in livepreview), I get the following error FROM THE .HIDE(): --- the .SHOW seems to work fine.

Error has occurred in script on this page
Line 1203
Object doesn't support this property or method
URL localhost/livepreview/javascript/a5.js

(I also used the suggested Try ...Catch, and still get the same error in the TabbedUI)

Has anyone else had problems with the A5.msgbox in the TabbedUI?
Is there a way around this?

Thank you for your help, Kim

[kimhere]

Re: Wait.. msg while Saving

I was incorrect, it is NOT the A5.msgbox.hide() causing the error in Internet Explorer.

It appears that IE does NOT like this statement that I am using for a dynamic Grid Column Label (which, by the way, works just perfect in Firefox):
(this is on the Grid Field Column Label)

<div id="muni_label"> </div>

Muni_label is defined in the AfterSearchSubmit:

var muni_label = ' ';

window['muni_label'] = {grid.object}._getValue('S','MUNI_CATEGORY')

if(window['muni_label']) muni_label = window['muni_label'];
else muni_label='';

$('muni_label').innerHTML = muni_label;

[frankbicknell]

Re: Wait.. msg while Saving

You have an object and a variable with the same name, that is a problem.

[kimhere]

Re: Wait.. msg while Saving

I'm not good at all with javascript.

I copied this from another message board somewhere, and have been using it successfully to dynamically set "titles", like above the detailview.

Are you referring to the (window[muni_label]) as being the object?
Honestly, I really don't understand the window[], but just know it was working for me elsewhere.

I will change the variable name and see if that helps.

Thank you for your help! Kim

[kimhere]

Re: Wait.. msg while Saving

You have an object and a variable with the same name, that is a problem.

THANK YOU! I changed the window[] name, and works like a charm. Kim

[Charles Hoens]

Re: Wait.. msg while Saving

Hi Bob,

I'm using the latest V11. I have a simple grid with a detail section. In the AfterInsertRecord server-side event, I have some cose which needs to run and it takes about 3-4 seconds. However, that is a bit too long to wait for some people, so I have to do something like a PleaseWait function.

I can't discover how to use this command in this context. Does it work in V11? If so, where to place it?

Thanks,

Charlie

[Charles Hoens]

Re: Wait.. msg while Saving

Only because I saw another video do I have any response to your question, and I would welcome anyone more seasoned at this to give additional info.

I'm using detail views in most of what I'm soing--it would be slightly different using editable grids. What I've done is put a div in the freeform region under my detail views called 'msg'.

Then, in the Grid Properties Javascript - System Events, I have the following code:

AfterDetailViewCancelEdits:
$('msg').innerHTML = 'Edits Undone.';
setTimeout ( '$(\'msg\').innerHTML = \'*\';', 2000 );

AfterDetailViewSubmit:
$('msg').innerHTML = '';

CanDetailViewSubmit:
$('msg').innerHTML = '<img src=\'CSS/A5System/Images/wait.gif\' /> Please Wait - Validating and Saving...';

What I'd like to add/change is to have a modal window popup while saving so the save button can't be re-hit. That, or at least a disabled save button until the record is saved.

Thanks in advance for more ideas on this...

Chris:

Is the above still working for you? I can't seem to get it quite right on my end using V11.

Thanks,
Charlie