Skip to main content

Extensibility and Integration

 

Applies only to Web Applications
OutSystems

Define and Run JavaScript Code

How to Define JavaScript Functions

To add or edit the JavaScript functions of your elements, open the JavaScript editor by clicking “...” on the JavaScript property of the element:

The example below shows a JavaScript function defined locally for a Web Screen:

How to Run JavaScript

You can run JavaScript code in your web application in the following ways:

  • Using the Extended Properties of Web Screens or widgets;
  • Within unescaped Expressions;
  • Using the RunJavaScript action of the HTTPRequestHandler extension.

In all the cases, the JavaScript code will run in the context of the browser.

Extended Properties Example

The example below shows a JavaScript function that is invoked when the onclick event occurs in a button:

Since the value of an Extended Property is an expression, you can also type the JavaScript source code directly in the Extended Property value:

Unescaped Expressions Example

You can use unescaped Expressions to add JavaScript at a specific point of your Web Screen, setting the Escape Content property to No:

RunJavaScript Action Example

In your Action Flows, either in a Screen Action or a Server Action, you can use the RunJavaScript action of the HTTPRequestHandler extension to get your JavaScript code to run in the context of the browser:

  • Was this article helpful?