Usage 

• Plugin Properties Options allow a plugin to gather configuration data from a plugin user.
• Plugin Properties Options should be returned in the abstract method "getPropertyOptions" of each plugin.

Structure 

• Plugin Properties Options are in JSON format.
• Plugin Properties Options is an array of Properties Page object
• A Properties Page object has 2 mandatory attributes called "title" and "properties". It also has 2 optional attributes called "validators" and "buttons".
  
  

[
    {
        title : 'Page Title',
        properties : [
            {
                name : 'Property Name',
                label : 'Property Label',
                description : 'Property Description', //optional, default is NULL
                type : 'Property Type',
                value : 'Property Value', //optional, default is null
                required : 'Mandatory or Not', //optional, 'true' or 'false', default is 'false'
                //… more attributes …
            }, //… more fields …
        ],
        validators : [  //optional
            //… properties custom validators …
        ],
        buttons : [  //optional
            //… custom properties page buttons …
        ]
    }, //… more properties page …
]

Sample Look and Feel

Field Types

Check Box

• type : 'CheckBox'
• Refer to Option Field Attributes for extra attributes.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Multi Values Field on how to use the value of this field type in the plugin code.

Code Editor

• type : 'CodeEditor'
• mode : Optional, used for specified highlight mode. Default to 'text', available values are 'text', 'java', 'html', 'javascript', 'css', 'json', 'sql' and 'xml'.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Combine Grid

• Combine Grid is used to migrate 2 or more single value property fields from old version plugin (etc Text Field & Select Box) to multi values field in Grid View.
• Combine Grid does not support 'value' attribute.
• type : 'GridCombine'
• columns : A JSON array of 'column' JSON objects which has 2 mandatory 'key' and 'label' attributes and a optional 'required' attribute. All grid cells with the 'required' attribute of 'column' set to 'true' value are mandatory field.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Combine Grid Field on how to use the value of this field type in the plugin code.

Element Select Box

• type : 'ElementSelect'
• url : a URL which will return Properties Options JSON object of the selected element. Built-in URL is "[CONTEXT_PATH]/web/property/json[APP_PATH]/getPropertyOptions" which will return the Properties Options JSON object of a plugin.
• keep_value_on_change : Optional, 'true' or 'false'. Used to decide whether to keep the configuration of the properties options of previous selected element when a new element is selected.
• Refer to Option Field Attributes for extra attributes.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Usually used for select a plugin and configure the properties of the selected plugin.
• Refer to Retrieve Properties Value in Plugin - ElementSelectBox on how to use the value of this field type in the plugin code.

Fixed Row Grid

• type : 'GridFixedRow'
• columns : A JSON array of 'column' JSON objects which has mandatory 'key' and 'label' attributes and a optional 'required' attribute. 
• rows : A JSON array of 'row' JSON Object with 'label' attribute and an optional 'required' attribute. A grid cell with the 'required' attribute of 'row' and 'column' set to 'true' value is a mandatory field.
• value : A JSON array of grid row values in JSON Object format with all the 'key' attribute of 'column' object used as attribute.  

columns : [
    {key : 'key', label : 'Columns'}, // first column will used to populate row label
    {key : 'value', label : 'Value', required: 'true'},
    {key : 'label', label : 'Label', required: 'true'},
    {key : 'width', label : 'Width'}
],
rows : [
    {label : 'Username', required: 'true'},
    {label : 'Status'},
    {label : 'Message'},
    {label : 'Date'}
],
value : [
    {'label' : 'Username'},
    {'label' : 'Status'},
    {'label' : 'Message'},
    {'label' : 'Date', 'value' : 'dateCreated'}
]

• Refer to Grid Related Attributes for extra attributes.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Grid Field on how to use the value of this field type in the plugin code.

Grid

• type : 'Grid'
• Refer to Grid Related Attributes for extra attributes.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Grid Field on how to use the value of this field type in the plugin code.

Header

• type : 'Header'
• Header does not support 'value' and 'required' attributes.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• This field type is used for separate the fields into different groups. It is not use for capture data. 

Hidden Field

• type : 'Hidden'
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

HTML Editor

• type : 'HtmlEditor'
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Label

• type : 'Label'
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Multi Select Box

• type : 'MultiSelect'
• Refer to Option Field Attributes for extra attributes.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Multi Values Field on how to use the value of this field type in the plugin code.

Password Field

• type : 'Password'
• size : Optional, integer value in string format. Default to '50'. Used to control the length of the input field.
• maxlength :  Optional, integer value in string format. Used to limit the number of characters can be enter in the input field. 
• Refer to Regular Express (Regex) Validation Attributes for extra attributes to do validation using regex.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Radio Button

• type : 'Radio'
• Refer to Option Field Attributes for extra attributes.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Readonly Text Field

• type : 'Readonly'
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Select Box

• type : 'SelectBox'
• Refer to Option Field Attributes for extra attributes.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Text Area

• type : 'TextArea'
• rows : Optional, integer value in string format. Default to '5'. Used to control the height of the input field.
• cols : Optional, integer value in string format. Default to '50'. Used to control the length of the input field.
• Refer to Regular Express (Regex) Validation Attributes for extra attributes to do validation using regex.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Text Field

• type : 'TextField'
• size : Optional, integer value in string format. Default to '50'. Used to control the length of the input field.
• maxlength :  Optional, integer value in string format. Used to limit the number of characters can be enter in the input field. 
• Refer to Regular Express (Regex) Validation Attributes for extra attributes to do validation using regex.
• Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
• Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Regular Express (Regex) Validation Attributes

• The following attributes are designed for Password Field, Text Area and Text Field. 
• regex_validation : Optional, regular express in string format. 
• validation_message : Optional, error message to display when validation failure. 

{
    regex_validation : '^[a-zA-Z0-9_]+$',
    validation_message : 'Invalid ID!!'
}

Dependency Field Attributes

• The following attributes are available for all field types.
• These attributes are used to show/hide a field based on the value of another field.
• The value of a field hidden by these attributes will be ignore during save.
• control_field : Optional, 'name' of another field used to control the show/hide of current field.
• control_value : Optional, value or regular expression (regex) in string format. This value need to match the value of the controlling field in order to make the field visible.
• control_use_regex : Optional, 'true' or 'false'. Default to 'false'. Set to 'true' to use regular expression (regex) in matching the value.
  

{
    control_field: 'chartType',
    control_value: 'bar|xy|area|bubble|line|candlestick|ohlc',
    control_use_regex: 'true',
}

Options Field Attributes

• The following attributes are designed for options fields like Check Box, Element Select Box, Multi Select Box, Radio Button and Select Box.
• You can choose to use one of the following attributes "options", "options_ajax", "options_callback" or "options_script" to populate the options for the field.
• options : Optional, an array of JSON object with 'value' and 'label' attributes.

options : [
    {value: 'value1', label : 'Value 1'},
    {value: 'value2', label : 'Value 2'},
    {value: 'value3', label : 'Value 3'}
]

• options_ajax : Optional, a URL which will return an array of JSON object with 'value' and 'label' attributes.

options_ajax : '[CONTEXT_PATH]/web/json/console/app[APP_PATH]/datalist/options'

• options_ajax_on_change : Optional, name of a property field. Used together with 'options_ajax' attribute. The field name and its value will passed as HTTP request parameter to the URL.

options_ajax_on_change : 'type'
options_ajax : '[CONTEXT_PATH]/web/json/app[APP_PATH]/plugin/org.joget.plugin.enterprise.SamplePlugin/service?action=getJson'

• options_callback : Optional, a javascript function name. All attributes in the field will passed as a single JSON object parameter to this function. The function should return an array of JSON object with 'value' and 'label' attributes.

options_callback: 'DatalistBuilder.getColumnOptions'

• options_script : Optional, a string of javascript which will return an array of JSON object with 'value' and 'label' attributes.

options_script: 'var tempArray = [{\'label\':\'\',\'value\':\'\'}]; 
for(ee in DatalistBuilder.availableColumns){ var temp = {
\'label\' : UI.escapeHTML(DatalistBuilder.availableColumns[ee].label),
\'value\' : DatalistBuilder.availableColumns[ee].id}; 
tempArray.push(temp);}tempArray;'

Built-in JSON API for 'options_ajax' 

• [CONTEXT_PATH]/web/json/console/app/[APP_PATH]/forms/options
  Return all available forms of current app.
• [CONTEXT_PATH]/web/json/console/app/[APP_PATH]/datalist/options
  Return all available datalists of current app.
• [CONTEXT_PATH]/web/json/console/app/[APP_PATH]/userview/options
  Return all available userviews of current app.
• [CONTEXT_PATH]/web/property/json/getElements?classname={plugin interface/abstract class name, optional}
  Return all available plugins based on the classname filter.

Built-in Javascript Function for 'options_callback'

• DatalistBuilder.getColumnOptions(properties)
  Can be used by plugins related to Datalist Builder. It return all available columns based on binder configuration.

Validator Types

AJAX

Page Button

Variable

[CONTEXT_PATH]

• This variable will be replaced by Context Path of current URL.
• Usually used in property attribute value which is URL
• Example : '[CONTEXT_PATH]/web/property/json/getElements?classname=org.joget.apps.form.model.FormValidator'
• Resulted URL : '/jw/web/property/json/getElements?classname=org.joget.apps.form.model.FormValidator'

[APP_PATH]

• This variable will be replaced by Current App Id and App Version of current URL.
• Usually used in property attribute value which is URL
• Example : '[CONTEXT_PATH]/web/json/console/app[APP_PATH]/datalist/options'
• Resulted URL : '/jw/web/json/console/app/crm/3/datalist/options'

Retrieve Properties Value in Plugin

Single Value Field

Multi Values Field

Combine Grid Field

Grid Field

Element Select Box