the backend code seems not executed

[t4nu]

Hi,
I have a form with a save button and next button.
Both the button has click event code. A rather different is if the user click the next button if will show the confirm() function (executed from HTML element) to ask if the user want to save the data on that page. If he click OK, then it should be trigger the click event of the save button then execute its own code which advance to the next page.
The problem is, if the user click ok, the data is saved but it won't execute the code (backend code), if the user click cancel the backend code is executed as it should be.
What should I do to fix that?
Thanks in advance for the help.

[Jon]

At the end of the client Javascript event you should return true or false. True means execute the server event, false means don't execute the server event.

[t4nu]

Below is my code:
Basically it should always execute the server event.
The different is if the user choose yes, it will save the data, otherwise skip it.

Code: Select all

var backVal = confirm("Do you want to save data in this page?");

if (backVal)
   $("#saveButton").trigger('click');
     
return true;

At the end of the client Javascript event you should return true or false. True means execute the server event, false means don't execute the server event.

[Jon]

Your code looks fine to me. I don't understand what you mean by..

The problem is, if the user click ok, the data is saved but it won't execute the code (backend code), if the user click cancel the backend code is executed as it should be.

[t4nu]

As I stated previously, the code is attached to next button, so if user click it, it should advance to the next page, but before it advance it should ask the user if he wants to save the data on that page first before advance to the next page.

But when the application run, if the user click no, it advance to the next page, the problem is if the user click OK, it won't advance (the save is executed though).

Your code looks fine to me. I don't understand what you mean by..

The problem is, if the user click ok, the data is saved but it won't execute the code (backend code), if the user click cancel the backend code is executed as it should be.

[Jon]

I wonder if the two server events are running at the same time and interfering with each other.
The line:

$("#saveButton").trigger('click');

should execute the on-click server event for the save button.

and the line:

return true;

should execute the on-click server event for the button that has been clicked.

If you run the form from the designer, what do you see in the execution log? You should see messages for both buttons e.g.

Button (ButI5Tsz) clicked
Running On Click event for Control ButI5Tsz
Executing Javascript script CloudStatsTest_1

[t4nu]

Here is what I take from the log:

When I choose "OK" means I want to save first then move to next page

18:34:51.264 Info : Button (btnFamSave) clicked
18:34:51.264 Info : Running On Click event for Control btnFamSave
18:34:51.264 Info : Executing Javascript script DataKeluargaControlEvents


and here is when I choose "Cancel", means directly move to the next page

18:37:46.768 Info : Button (btnFamNext) clicked
18:37:46.768 Info : Running On Click event for Control btnFamNext
18:37:46.768 Info : Executing Javascript script DataKeluargaControlEvents

I wonder if the two server events are running at the same time and interfering with each other.
The line:

$("#saveButton").trigger('click');

should execute the on-click server event for the save button.

and the line:

return true;

should execute the on-click server event for the button that has been clicked.

If you run the form from the designer, what do you see in the execution log? You should see messages for both buttons e.g.

Button (ButI5Tsz) clicked
Running On Click event for Control ButI5Tsz
Executing Javascript script CloudStatsTest_1

[Jon]

Presumably when you click OK you want to see events for both buttons being fired. I don't think this can be made to work. I suspect that it isn't possible to execute anything in the client browser beyond:

$("#saveButton").trigger('click');

This simulated button click will return page updates to the browser and the browser state will be reset. So the next line - return true - probably never gets executed.

I think you will have to rewrite this a different way. You could use a $eb.executeFunction() statement instead of the button click, then it should work OK e.g.

Code: Select all

var backVal = confirm("Do you want to save data in this page?");

if (backVal)
   $eb.executeFunction("saveData"); 
     
return true; 

[t4nu]

Hi,
The save button actually just issue the updateTable() method, if I put it in the clientcallablefunction can I still do the same thing or I should do extra things?

My experiences with clientcallable function seems that the state of the database resource in the client callable function and in the page that call it seems different. What I mean is if in the caller page the state is rowisinserted or rowismodified, but from within the client callable function seems no state.

Sorry due to my load, I haven't have a chance to try it.

Presumably when you click OK you want to see events for both buttons being fired. I don't think this can be made to work. I suspect that it isn't possible to execute anything in the client browser beyond:

$("#saveButton").trigger('click');

This simulated button click will return page updates to the browser and the browser state will be reset. So the next line - return true - probably never gets executed.

I think you will have to rewrite this a different way. You could use a $eb.executeFunction() statement instead of the button click, then it should work OK e.g.

Code: Select all

var backVal = confirm("Do you want to save data in this page?");

if (backVal)
   $eb.executeFunction("saveData"); 
     
return true; 

[Jon]

The save button actually just issue the updateTable() method, if I put it in the clientcallablefunction can I still do the same thing or I should do extra things?

Just updateTable(). This doesn't change the visual state so you should be fine.

[t4nu]

Thank you, Jon.

The save button actually just issue the updateTable() method, if I put it in the clientcallablefunction can I still do the same thing or I should do extra things?

Just updateTable(). This doesn't change the visual state so you should be fine.

[t4nu]

Hi,
I change the code to:

Code: Select all

var backVal = confirm("Do you want to save data in this page?");

if (backVal)
{
    SaveIt();
}


return true;


function SaveIt()
{
   var ok2Continue = 0;
   var pageTitle = $("#pageTitle").text();

   ok2Continue = $eb.executeFunction("SavePage", [pageTitle], true);
      	
     if &#40;ok2Continue < 0&#41;
     &#123;
        if &#40;ok2Continue == -1&#41;
          alert&#40;"Saving Data on page " + pageTitle + ", failed!"&#41;;
     &#125;
&#125;

Still the server side is not triggered.

Presumably when you click OK you want to see events for both buttons being fired. I don't think this can be made to work. I suspect that it isn't possible to execute anything in the client browser beyond:

$("#saveButton").trigger('click');

This simulated button click will return page updates to the browser and the browser state will be reset. So the next line - return true - probably never gets executed.

I think you will have to rewrite this a different way. You could use a $eb.executeFunction() statement instead of the button click, then it should work OK e.g.

Code: Select all

var backVal = confirm("Do you want to save data in this page?");

if (backVal)
   $eb.executeFunction("saveData"); 
     
return true; 

[Jon]

Do you mean the $eb.executeFunction is not executed? I would add some alerts to the Javascript to find out what is happening. Or better still, use interactive debug in the browser.

[t4nu]

the $eb.executeFunction is executed. But seems the return true is ignored.
So the page is not advance to other page, still on the same page.

Do you mean the $eb.executeFunction is not executed? I would add some alerts to the Javascript to find out what is happening. Or better still, use interactive debug in the browser.

[Jon]

Oh, I don't know why it behaves like that. Why not just remove "return true"? - the default is to submit any server-side event after the client-side event, which is what you want.

[t4nu]

Still not working.
Really frustrating

Anyway thanks for the help.

Oh, I don't know why it behaves like that. Why not just remove "return true"? - the default is to submit any server-side event after the client-side event, which is what you want.