This section describes the parts of the Script Editor and gives the basics on opening and working with scripts in Script Editor.

Description

...

of Script Editor Parts

The Script Editor view shows the JavaScript functions and variables related to a Servoy resource. During editing, the Script Editor interacts with the surrounding views, including the Solution Explorer to its left, the Properties view to the right, and the Problems view at the bottom.

...

1. Vertical Ruler – This ruler shows line numbers, as well as icons for cautions and warnings. The side bar is customizable for the following options by accessing the contextual menu (right-click on the side bar):
   • Showing Line Numbers (toggle)
   • Enabling Folding (with options available for expand/collapse, as well as collapse blocks and comments, in the submenu)
   • Showing Quick Diff (addressed in the Code Navigation section)
2. Outline Bar – This bar is a navigational tool that includes the complete code range. Colored bars indicating markers, such as caution, warning, and book marks, are shown relative to their position in the entire document. Thus, users can click on any of these bars to skip to the item flagged by the bars.
3. Editor Area – This is the script editing area. Code coloring is turned on by default---this and other options such as fonts can be customized via the context menu item Preferences (see following section).

Setting General Preferences

...

for Script Editor

Settings for the Script Editor can be accessed via the context menu item Preferences. Clicking on this item reveals a filtered set for the Preferences pane, which reveals options for editing General and JavaScript editor preferences. Examples of customizable settings include:

• Code syntax coloring
• Use of smart carets
• Vertical ruler folding
• Code templates
• Types of annotation marks (caution, warnings, etc) shown in the rulers and in text

Opening

...

the Script Editor

To open a script in Script Editor, use one of the following methods:

...

Creating Business Logic

...

in Script Editor

To create or add business logic, you can either type directly into Script Editor, or use one of the following methods:

From

...

the Form Editor

1. Select an element in the Form Editor and double-click the appropriate Events item in the Properties panel. (This is the way most users will create a method, once they are familiar with Servoy.)
   • A Select Method window will appear.
2. Select an existing method, or create a new method.
3. Click OK to go back to the Form Editor, or OK and Show to edit the script in Script Editor.

Via

...

the Solution Explorer Tree--New Method

1. Select an element (global or forms) in the Solution explorer.
2. Access the context menu (right-click).
3. Select Create Method.
4. Specify a Method Name in the New Method window
5. Select Create Public or Create Private as needed.

You can also insert existing business logic resources form Solution Explorer into your script. This method is discussed in the following section.

Moving Code

...

from the Solution Explorer

...

into the Script Editor

The Script Editor allows users to quickly insert existing code resources (eg. methods, functions, and variables) within the Solution into the open Script Editor Window. To view a list of available methods:

...