How to execute javascript?

Classic Servoy
1

Hello,

I want to port a javascript calendar component in servoy.

The calendar component can be found at: Scheduler JavaScript Сalendar - DHTMLX Scheduler

I tried to put a html and javascript code example inside a label but didn’t work. Then I start testing.

I place this code in a label and it works. Well, in SmartClient doesn’t open the alert but in WebClient it does.

<html>
<body>
<button type="button" onClick="alert('Bla')">Click Me!</button>
</body>
</html>

But, I tried to place something like this and I get and error.

<html>
<body onload="alert('Bla')">
</body>
</html>

Although this code doesn’t give errors, but pressing on the “Click Me!” button in WebClient doesn’t open the alert.

<html>
<script type="text/javascript" charset="utf-8">
function init() {
alert('Bla');
}
</script>
<body>
<button type="button" onClick="init()">Click Me!</button>
</body>
</html>

So, how can I do this?

Thanks.

2

Come on gusy! Don’t tell me Servoy can’t run javascript on the client side :(

Or at least in the WebClient, where the browser can run it … is there no way?

3

Check out the web client utils plugin.

4

Hello,

Thanks for the suggestion. Indeed, if I place html code containing a full with javascripts and a with onload event to a javascript method in a HTML_AREA field, Servoy will add that code in the final html page in WebClient viry nice, the headed content in the header and the body the same. It will also will create a Wicket load event for the onload event from my initial that is written in that HTML_AREA field.

So far, so good! I manage to insert the calendar and it works OK, BUT, only when the form where it’s embedded is displayed first time. If I do any reloading of the foundset, or leave the current form and display it again, or any action that will end in Servoy changing the html in WebClient, that content generated by the calendar’s javascripts in some

s that it use will be removed from there. The
s will still be there, but with no content.

Also regarding the WebClientUtils plugin, it works fine with one exception so far. When I call plugins.WebClientUtils.executeClientSideJS(js_code); on the onShow method of the form, the js_code gets executed in the browser only when the onShow is called for the first time. That is when the form is first displayed. Any further calls will not execute the js_code in the browser. If I call it on another event, let’s say on a button click, it will execute, but not if the call comes from onShow. Even a simple plugins.WebClientUtils.executeClientSideJS(“alert(‘Hello’);”); will not work.

Hope you have other suggestions as well! I really need to get this works. I didn’t found any calendar that works in the WebClient. And I think it’s easyer this way then implementing everything from scratches in servoy. That calendar is really nice.

This is how it looks for the first time:
[attachment=1]calendar1.PNG[/attachment]

Then I change that combobox selection which will reload the founset of the form. I don’t call any javascript using the WebClientUtils plugin, but after that foundset loads other data (I’m using foundset.find() …) the calendar becomes like this: (If I remove the foundset.find() and everything else the calendar will look OK, and I can even change the data from it)
[attachment=0]calendar2.PNG[/attachment]

Thanks,
Bogdan.

calendar2.PNG
calendar2.PNG1069×234 5.99 KB

calendar1.PNG
calendar1.PNG1066×202 11 KB

5

I think I found something … Servoy reset the page with the content from the server, so anything that javascript calendar wrote there will be replaced with the initial

s which are empty of the content. This makes sense! I need to see how I can make it writes again.

But if some of you thinks at something else, please lay it here! And also that plugins.WebClientUtils.executeClientSideJS(js_code); when called in onShow, doesn’t get called in the browser. I don’t understand that.

Thanks a lot,
Bogdan.

6

Hello guys,

Another issue that I encounter now is that plugins.WebClientUtils.addCallback doesn’t work for me. Any idea why?

I have this code:

...
	html += '\
	<script type="text/javascript" charset="utf-8"> \
		function edit(id) { \
			' + plugins.WebClientUtils.addCallback(editForm, ['id']) + ' \
			alert(id); \
		} \
		\
	</script>';
...

The javascript function is called, the alert is displayed, but servoy function editForm is not called.

Thanks,
Bogdan.

7

Hi guys,

I’m two steps behind getting this works and one of them is the plugins.WebClientUtils.addCallback that don’t call the server function. Any idea? Please I must get this run.
The addCallback generate this code in the html:

wicketShow('indicator');var wcall=wicketAjaxPost('?x=P7iwT0e0reTaDKWSeupNqI7OIfrMkfgPsrNhh1*eKmWHtE6fFxgawHqTiXqj*u5n&m=13200557'+'&p='+encodeURIComponent(reservation_id),function() { ;wicketHide('indicator');}.bind(this),function() { ;wicketHide('indicator');}.bind(this), function() {return true;}.bind(this));

Actually, the calendar displays the content well now, and I even manage to repopulate it after servoy reset the html

s that contains the content of the calendar generated by javascript in the browser. Here I got help from DHTMLX support team!

But I still have these issues with the WebClientUtils plugin:

  1. The addCallback generates a Wicket that don’t call the server.
  2. The plugins.WebClientUtils.executeClientSideJS is not called from onShow method of the current form. (I mention about this in an earlier post)

So I would really appreciate if you can help me with these two things!

Thanks,
Bogdan.

8

Did no one used WebClientUtils plugin to enlighten me why doesn’t work?

9

udrescu_bogdan:

  1. The addCallback generates a Wicket that don’t call the server.
  2. The plugins.WebClientUtils.executeClientSideJS is not called from onShow method of the current form. (I mention about this in an earlier post)

  1. is true, the generated Ajax call is not valid if used in onShow() or onLoad(), I have no idea right now why this is but I suspect this is deep in the Wicket API - I have no workaround for the time being.

  2. is not true, executeClientSideJS() is called and is working (try it with a simple plugins.WebClientUtils.executeClientSideJS(“alert(‘hello world’)”); and you will see it working, but if you use a callback generated by the addCallback() then of course it won’t work, not because executeClientSideJS() is not working but because addCallback() is returning a reference to a Behavior which is not registered somehow).

10

Hi,

Thanks,

  1. plugins.WebClientUtils.executeClientSideJS works fine for me, except when it’s called from onShow. This is the method I call from onShow.
    But when onShow is called for the first time, it works too. At the second call of onShow, and the other ones that follow the plugins.WebClientUtils.executeClientSideJS will not call. In reset, if I call it from the action of a button it works fine!

  2. About plugins.WebClientUtils.addCallback, yes, I generated it on onShow or onLoad, you think it’s because of this? I’ll try to see if I can generate it on other method, though I need that script in the html page at startup.

Then it must be something with the onShow and onLoad.

I also manage to call some methods on the server from javascript. But not using plugins.WebClientUtils.addCallback. This is the code I wrote in Servoy and the Wicket that is generate in this case:

vHTML += '<td><a href="javascript:BTN_showPasswordRetrieval()">' + i18n.getI18NMessage('piper.lbl.lost_password') + '</a></td>';

vHTML is also a variable that is displayed in a field with type HTML area

The generated code in the final html page is this:

<td><a href="#" onclick="if (testDoubleClickId('sv_F36BC3DE_5D2C_48C1_8AA5_0E8A2D75DCDD')) { wicketAjaxGet('?x=9L0-3BvfYc25KZT-pJ0BsXHe9I45wrMoxlAN6Lv1g-KXabqRNbI1C3bMkn93sft5&scriptname=BTN_showPasswordRetrieval()');} return false;">Lost password?</a></td>

As you see, it’s different then what plugins.WebClientUtils.addCallback generates.

Thanks a lot,
Bogdan.

11

Hi Bogdan,

Do you have an actual example that doesn’t work? Because the snippets you posted so far aren’t consistent with eachother.

So far, none of the reported issues can be reproduced, with the exception that addCallback() doesn’t support String values as arguments. In some of the snippets you put in the thread you’re using that.

Paul

12

Hi Paul,

I’ve test it in a small demo solution! Yes, here a simple call using executeClientSideJS to a javascript function works well on onShow, each time onShow is called.

But addCallback still doesn’t work. Maybe I don’t use it as it should! I’ve add a button in a html code. I want to send a message to the server when it is clicked. First time when I click it I receive the request in the server. But there I want to change something in the form, which is not changed. And after this, nothing will work in the user interface. No servoy button will respond anymore!

Thanks,
Bogdan.

WebClientDemo.zip (4.44 KB)

WebClientDemo.servoy (5.18 KB)

13

I tested this with the latest version of the Web Client Utils plugin and it works fine.

Of course you have to make the HTMLArea of fmor “html_form” non-editable, or else you don’t even see the butotn to click, but besides that it just works.

I do not have the previous version anymore, but as far as I can see it should’ve also worked with the old version, as you’re not using a String value in the arguments array parameter for the addCallback function.

Best to try it with the latest version of the plugin and with the HTMLArea set to non-editable.

Paul

14

Hi Paul,

That’s strange. I do have the last version. But I’ve tested with both of them and the behavior was the same. I user Servoy Version: 5.2.0 - build 997. Should I upgrade?

I see the “Click me to call the server!” button even if the HTML_AREA field is editable. I’ve set it to non editable and the behavior is the same as I described!

Just to ask you: when you click on the “Click me to call the server!” button, apart of the alert popup that appear, does the current form in the tab_main (main_form) changes to edit_form? As it happened when you click on the “Second tab” button! This is my intention, to change the form that contains the HTML_AREA with another one, when I receive a callback from javascript.
After I click the “Click me to call the server!” any click on the other buttons does nothing, although the “Call browser” button should call a javascript and the other two should change the content of the tab panel!

Thanks,
Bogdan.

15

I should have read more carefully. I saw the callback coming into the server, so I thought it worked, but indeed after that things stop.

Will have this looked into.

Paul

16

Thanks a lot! I also just updated my Servoy to the latest version :)

Anyway I also must check the production application, because there it behaves different then the simple demo, as I described first time. So I might have something wrong there!

17

Hi Paul, I still didn’t fix the problem with executeClientSideJS in my solution. It seems there is something wrong with the main form of the solution, though I couldn’t figure out what until now…

18

Hi Paul,

I manage to find something why executeClientSideJS don’t work, but couldn’t reproduce in the simple solution I posted here. I have in almost each form, including the one with the html field, some Calendar fields. If I remove those fields or set them to disabled it works.

But I couldn’t reproduce it in the simple solution, so I’ll test it more. Do you have any idea why this might happened?

Thanks,
Bogdan.

19

Hi Bogdan,

I have no idea why it would work in some scenario’s and not in others. So far in the samples I created it works and the engineers are looking at the issue in the sample you provided.

If you manage to create a reproducible case for the executeClientSideJS issue you now see, please create a case with the sample on the project on ServoyForge

Paul

20

Hi Paul,

I manage to reproduce both problems in a simple solution. I post 2 cases on ServoyForge. Also in the first demo I managed now to reproduce both problems without changing anything. I don’t understand how it worked last week and today it didn’t. :?

Thanks a lot,
Bogdan.