jabdp collection: new edition event editor

The page event editing of the low-code development platform jabdp has ushered in a major update, and this update has made many optimizations to the event editing. Well, without further ado, let the editor take you to understand the new version of the event editor!

(New version) Event Editor

The JavaScript programming of the Jabdp platform is based on event-driven. The so-called event-driven refers to the action generated by performing a certain operation in the page, which is called " Event " . For example, pressing the mouse, moving a window, selecting a menu, etc. can be regarded as events. When an event occurs, a corresponding event response may be triggered.

The events of the Jabdp platform are mainly divided into four types: query page events, edit page events, field control events and button events.

Before we start talking about event editing, let's talk about what query pages and editing pages are.

1. Query page and edit page

Take the quotation as an example, as shown in the figure below, the list interface with the query box is the query interface.

Then double-click one of the records to enter the main-sub-table relationship is the edit page, as shown below:

2. Event edit entry

As mentioned earlier, the events of the jabdp platform are divided into four categories. The scope of each type of event is different, for example, the query page event is only valid for the query page, the edit page event is only valid for the edit page, and so on. Next, the editor will bring you the editing entry for each type of event.

Let's talk about the query page event and the edit page event. The entry of these two events is in the form properties.

The field control event entry is in the field property. Each different type of control field has its own control event.

For button events, there are more entries, which can be entered in the event editing of the button properties, or in the custom buttons of the form properties.

3. Event editing interface

Let's talk about the event editing window. Taking the event of the editing page as an example, open the [Form Properties] on the right side of the designer module, and click to open the event editing.

The left side of the event editing window lists all the events of the page operation, such as before saving, after saving, before voiding, and after voiding; the function editing interface in the middle is the code executed after the event is triggered; the right side is the function list and form fields, which provide With the built-in functions of the jabdp platform and the form fields of the module, as long as you right-click the functions and form fields, you can automatically generate code in the middle interface.

4. Comparison between the new version and the old version

Compared with the old version, the new version has three optimizations in the event editor, which will make users more comfortable and convenient to use.

The new version of the event editor simplifies the left interface, making the left layout more concise and beautiful. Set the event type on the left to culture, and when the mouse moves over the event, a prompt for a detailed description of the event will appear.
A new node for system variables is added to the function tree list on the right, which separates the system variables under the original platform functions, making it easier for users to access system variables.
The layout of the right interface has been changed, and a column of form fields has been added, which is convenient for users to obtain the form attribute key and field key for use in the functions provided by the system. If you want to use which field and form, you only need to right-click on the form and field, and you can insert the value into the function editing interface, which is very convenient for users.

Well, it's the end of the article again. Today's sharing is over here. If you like it, please click on it! --I am jabdp, I "take salt" for myself, thank you for your attention.