Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

Applies only to Mobile Apps and Reactive Web Apps

 

 

OutSystems

Use JavaScript Code from an External Library

Template:OutSystems/Documentation_KB/ContentCollaboration
  • Edit
    Collaborate with us
    Edit this page on GitHub
  • OutSystems doesn't recommend using JavaScript libraries that directly manipulate the DOM, such as jQuery. Such libraries can break Reactive and Mobile apps and make them difficult to maintain.

    Before using JavaScript code from an external library or contained in a .js file, do the following:

    1. Import or create a script under the Scripts tree folder. This script may reside in the module (that is, it was created using the context menu options "Create Script" or "Import Script", when right-clicking the "Scripts" folder), or can be a reference to a script defined in another module.

    2. Declare the external JavaScript code in the Required Scripts properties section of the screen/block where it will be used:

    The script added as a required script is evaluated in the global scope. Thus, you can use functions and objects initialized in this script in any JavaScript element of the screen/block.

    For example, to use a function named getMonthlyPayment() defined in an external JavaScript code containing functions related to mortgage calculations, call it in your JavaScript code as follows:

    var initialAmount = 400000;   // initial amount borrowed
    var intRate = 3.5 / 100 / 12; // monthly interest rate
    var numMonths = 30 * 12;      // number of payments months
    
    // calculate mortgage monthly payment
    var monthlyPayment = getMonthlyPayment(initialAmount, numMonths, intRate);
    
    • Was this article helpful?