Forms Scripting

Form script allows you to perform operations before the form is rendered or to attach data model elements to get notifications. Form script also has some library functions like $Xml depending on the context. Please refer to the side bar for available library functions and scripting reference.

Form script also has the following $Form variable with the following properties:

$Form = { element : $('form'), // jQuery form element refresh : function() {} // method to re-build and render form from the scratch readonly : boolean, // Specifies whether the form is in readonly or in edit mode sections : {} // List of form sections }


Common Usage Scenarios

Change Form Section States

The form section states normally defined task properties as follows;

image-20240109-113723.png

Relevant form sections can be changed dynamically to control the hidden and disabled state of sections on the form.

In addition to static assignments form section states can be updated with the following form script.

if ($Xml.EvaluateBoolean('SomeCondition')) { $Form.sections['MySection'] = 'Hidden'; // set MySection to Hidden state. }

Section state can be defined as;

State

Description

State

Description

(Empty)

Default state

Hidden

Hide from user

Disabled

Readonly

Attach Event Handlers.

Attach a model element to existing data . 

$Xml.Bind('Person/Name', function() { // executed when Person/Name is changed });

The above example normally works if the Name element exists in the Person element. But some elements may not exist yet when the form is rendered. For example, Bind method does not work for list items that are not yet created. If you want to attach nodes for future elements you can use $Xml.Live method.

Use Custom jQuery Plugins





Copyright © 2010 - 2023 Emakin. All rights reserved.