Using External JavaScript
It's possible to use any valid browser JavaScript API in Servoy mobile
For example to show an default browser alert dialog use:
Code Block |
---|
alert('Hello World') |
Using external JavaScript libraries
With Servoy Mobile you can easily integrate 3rd party javascript plugins/libraries in your app. Here are the steps to achieve this :
- in Servoy Developer add all the js & css files of the 3rd party plugin as Media; all the js & css files from here will be added to the mobile page;
- if the plugin requires static html content already on the page, you can do this by placing a bean on the form, that is actually an empty div, and setting its "text" property with the static (html) content;
- another usefull function that can be used when integrating 3rd party plugins is that from the mobile plugin : plugins.mobile.getMarkupId(), using this you can retrieves document markup id for a Servoy form elements and customize them; which then usable in calls like document.getElementById
- 3rd party plugins initialization code should be placed inside the form onShow callback,that is called after the page is displayed, example:
Code Block |
---|
function onShow(event)
{
var options = {
drawOnly : true
};
var api = $('.sigPad').signaturePad(options);
api.regenerate(foundset.orders_to_deliveries.signature);
}
|
Full example
We made an sample, its like a Fedex/UPS delivery app, that uses a jquery based signature library to display a signature field: (checkout with SVN)
https://subversion.servoy.com/examples/MobileDeliverySample/trunk