Wait message when copying record in a repeating section

[kingcarol]

Re: Wait message when copying record in a repeating section

The video is showing it published and in Internet Explorer browser.

[kingcarol]

Re: Wait message when copying record in a repeating section

Firefox is definitely much faster in adding those records, so the delay becomes more of a non-issue. However, lots of my users have IE, so I want to solve why the message box doesn't show up right away.

[kingcarol]

Re: Wait message when copying record in a repeating section

My point is that it shouldn't matter how much javascript there might be going on. Shouldn't the first action of showing the message box happen first, right away, before any other javascript stuff?

[Davidk]

Re: Wait message when copying record in a repeating section

You're running on a UX and you've got 4 in-line actions... on that onClick event... right?

Running in the debugger this shows that the message is actually being displayed... but I think things are happening so fast that the message is up, the record is copied, and the message is down before you see it.

It seems that something else, other than the copy is slowing things down... calculations? Something in your UX.

Anyway... apart from all that... which doesn't help one bit... give this a try. It's cheating... but what the hell.

This is exactly the same as having four actions with Sync turned on... so you could just change your last action to match what's going on here.

This is just one action, with all Javascript, running the A5.executeThisThenThat() function... but I'm delaying the close of the message.

I don't think this is any different that having four actions and Sync checked... but give it a try. It's the setTimeout on the close message that might help.

I tried using a Container Window for the message, but it had exactly the same effect... no message at all popping up... so I commented it out and put back the A5.msgbox stuff.

function showMessage(){
//{dialog.Object}.showContainerWindow(this,'CONTAINER_2');
A5.msgBox.show('Copying Record','<div style=\'padding: 20px;\'>Copying record and checking for alerts. Please wait...</div>','none',function() {});
}

function copyRec(){
{dialog.Object}.duplicateRepeatingSectionRow('CONTAINER_1',false);
}

function setVal(){
{dialog.Object}.setValue('Weight','10');
}

function closeMessage(){
setTimeout("A5.msgBox.hide();",5000);
//setTimeout("{dialog.Object}.closeWindow('COPYRECORD');",5000);
}

A5.executeThisThenThat(showMessage, copyRec, setVal, closeMessage);

[Davidk]

Re: Wait message when copying record in a repeating section

The more I think about it, the more I believe the problem may be in calculations on your UX. The message, copy, setvalue, and message commands are fast. The more records you have, as you've noted, the slower the response... not for the copy, but rather for the UX prep and calcs. It looks like an intense component... could that be it?

[kingcarol]

Re: Wait message when copying record in a repeating section

Hi David, Thanks for chiming in. I tried your suggestions without really accomplishing what I wanted, which was for that message box to immediately pop up when the image was clicked. SO... now I have changed everything and invented a work around so that the click just opens the message box and then does an ajax callback to a function that has all the rest of the javascript in it. And I DO get an instant pop up msg that sits there while the rest of the work is done and then goes away.

So... I guess this is probably not what gurus would do, but it is doing what I want... see video: http://screencast.com/t/o8pSjwrU

Click image:
1st action javascript:

A5.msgBox.show('Copying Record','<div style=\'padding: 20px;\'>Copying record and checking for alerts. Please wait...</div>','none',function() {});

2nd action javascript:

Ajax callback to an Xbasic function named copyLine

The Xbasic function:

function copyLine as c (e as p)

dim jc as c
jc = "{dialog.Object}.duplicateRepeatingSectionRow('CONTAINER_1',false);"
jc = jc + "{dialog.Object}.setValue('POST_BACKCHARGE','No');"
jc = jc + "A5.msgBox.hide();"
copyLine = jc

end function

[Davidk]

Re: Wait message when copying record in a repeating section

That's cool. So what you're doing is delaying the copy etc. by doing a round trip to the server. That allows time for the message to pop up.

Try this one, if you want to. Not having your UX around I can't tell if it'll work for you... but might as well give it a shot.

I put this into the onClick event, as Text Mode... not an Action...

It might do the same thing as your Ajax Callback. It popups up the message right away... then fires every else off a second later. Might save you a trip to the server.

A5.msgBox.show('Copying Record','<div style=\'padding: 20px;\'>Copying record and checking for alerts. Please wait...</div>','none',function() {});

setTimeout(function(){
	{dialog.Object}.duplicateRepeatingSectionRow('CONTAINER_1',false);
	{dialog.Object}.setValue('Weight','10');
	A5.msgBox.hide();
	},1000);

[kingcarol]

Re: Wait message when copying record in a repeating section

That makes sense, David. I'll try it tomorrow. Would be much easier to use... All in one spot.

[kingcarol]

Re: Wait message when copying record in a repeating section

Is there a difference between putting the code in text mode and putting it as an action? Does something different happen?

[Lance Gurd]

Re: Wait message when copying record in a repeating section

Another way of doing it would be to use the showwaitmessage method of the dialog object as in

var wo = {};
wo.useCSSAnimation = true;
wo.cssAnimationSettings = {};
wo.cssAnimationSettings.size = 16; //set the size of the animation object to 16x16 pixels
{dialog.object}.showWaitMessage('container:CONTAINER_1',wo);

which was taken straight from the insert method examples. If you put this just before your duplicaterepeatingsectionrow method line it will lock out the repeating container and put a animated circle up for about a second (not sure if you can change the duration or not!)

just found this

{dialog.object}.waitMessageAutoCloseDelay = 6000 //set time to 6 seconds

so you can set the duration of the wait message to suit or there is a {dialog.object}.hideWaitMessage([UXWaitMessageTarget ]) that you could wrap in a setTimeout to close it down after a specific time.

[Davidk]

Re: Wait message when copying record in a repeating section

Is there a difference between putting the code in text mode and putting it as an action? Does something different happen?

No, not that I know of. Maybe save a nano-second of processing in text mode but otherwise the same javascript runs.

With Actions you can take advantage of sync processing without having to code it yourself. But, I'm not sure it's needed in this case.

Text mode does put everything in one place so that you don't have to move from action to action to see what's going on. Again, for what you're doing the actions were just in-line javascript so there was only one reason to do this... the synchronous option.

[kingcarol]

Re: Wait message when copying record in a repeating section

Thanks for the info Lance! David, I put your suggested code all in one Inline JavaScript action, and it is working perfectly and eliminates that callback to the server! YAYYYYYY! Thanks! I think I can make good use of this in all kinds of places in my app.

[Davidk]

Re: Wait message when copying record in a repeating section

Glad it worked out. As it's said... "What happens in the client... stays in the clients" (a little javascript humour... very little). I think using setTimeout is kinda considered cheating... but... sometime you gotta give stuff a little time. It's all executed so fast. Are there are lot of calculations, lookups, etc. going on in your UX?

[kingcarol]

Re: Wait message when copying record in a repeating section

Yep, there's a bunch of calcs and lookups on that ux. But what wasn't making sense to me was why the wait message wouldn't pop up right away before whatever else needed to be done to copy the line happened. Now it does so all is well.