Page History

Table of Contents

absoluteUrl	true

Usage

Thai
การใช้

English
Plugin Properties Options allow a plugin to gather configuration data from a plugin user.

Thai
ตัวเลือกคุณสมบัติปลั๊กอินอนุญาตให้ปลั๊กอินรวบรวมข้อมูลการกำหนดค่าจากผู้ใช้ปลั๊กอิน

Plugin Properties Options should be returned in the abstract method "getPropertyOptions" of each plugin.

Thai
ตัวเลือกคุณสมบัติปลั๊กอินควรส่งคืนในเมธอด abstract "getPropertyOptions" ของแต่ละปลั๊กอิน

...

Color Scheme (New)

8

Panel

borderColor	purple
bgColor	white
borderWidth	1
titleBGColor	#ddccff
borderStyle	solid
title	New Feature

นี่เป็นคุณสมบัติใหม่ใน Joget DX

This is a new feature in Joget DX .

Thai

Image Modified

type : 'colorscheme'
value :
It renders the desired color option
Renders color options according to assigned hex color code.
Number of color for each option can be determine as shown in code block below (note: The first hex color code will be the color-group):
Code Block
language js
//

...

The first hex color code indicates the color group
//Hex color code after the first color code would be render as seen in example picture above
//Numbers of color can be determined based on number of hex color code after the first hex color code (color group)

//This example contains 5 colors 
"value" : "#e9e9e9;#FFFFFF;#AABEB2;#00652D;#00796b;#004c40"

//This example contains 1 color
"value":"#e9e9e9;#FFFFFF"

//This example contains 3 colors
"value":"#e9e9e9;#3b2d2d;#7d0956;#0cf2e7"

Combine Grid

Thai
รวมกริด

Image Removed

If we wish to access the property editor, the code can be located at the directory located at the disk drive Joget is downloaded (Example : <Joget DX 8 installation folder>/apache-tomcat-9.0.62/webapps/jw/js/jquery/jquery.propertyeditor.js)

Color group, color choices, and no. of color options can be determine at the array called schemeOptions (line 10368):

Code Block

language	js

//Shows color group: #e9e9e9
//With 5 colors options
//With 15 color choices 
schemeOptions : [
        "#e9e9e9;#FFFFFF;#996C67;#291715;#c41c00;#ff5722",
        "#e9e9e9;#FFFFFF;#D3B8B9;#774B4E;#d32f2f;#9a0007",
        "#e9e9e9;#FFFFFF;#C1ADB8;#2a8ffb;#2a0814;#e72a6d",
        "#e9e9e9;#FFFFFF;#90AECF;#2a8ffb;#4a0072;#7b1fa2",
        "#e9e9e9;#FFFFFF;#7EB3C7;#334A52;#512da8;#140078",
        "#e9e9e9;#FFFFFF;#7AB5B7;#324B4C;#303f9f;#001970",
        "#e9e9e9;#FFFFFF;#AECAC7;#2C6562;#1976d2;#004ba0",
        "#e9e9e9;#FFFFFF;#AFA4DA;#312D4A;#304ffe;#0026ca",
        "#e9e9e9;#FFFFFF;#9debf9;#007252;#00838f;#005662",
        "#e9e9e9;#FFFFFF;#AABEB2;#00652D;#014048;#ff5722",
        "#e9e9e9;#FFFFFF;#BEBDAB;#565737;#2e7d32;#005005",
        "#e9e9e9;#FFFFFF;#D5C1B5;#755741;#827717;#524c00",
        "#e9e9e9;#FFFFFF;#D8BEBB;#AC2C2E;#8d6e63;#5f4339",
        "#e9e9e9;#FFFFFF;#7FD1AE;#757575;#0f2f4a;#0072d2",
        "#e9e9e9;#FFFFFF;#A4BEB8;#006651;#546e7a;#29434e"
    ],

If you wanted to change the no. of color options shown, simply change the number in line: 10424, 10426 & 10450 to the desired number such as 3. You are required to change the no of color options in the schemeOptions too.

Code Block

language	js

//Line 10424 & 10426
		if (colors.length === 6) { //Change 6 to desired number
            html += '<colorgroup style="background:'+colors[0]+';">';
            for (var i=1; i<6; i++) { //Change 6 to desired number
                html += '<color style="background:'+colors[i]+';"></color>';
            }
            html += '</colorgroup>';
        } else {
            html += '<colorgroup><color></color><color></color><color></color><color></color><color></color></colorgroup>';
        }

//Line 10450
		for (var i = 1; i < 6; i++) //Change 6 to desired number
		{
                html += '<color style=\"background:'+values[i]+';\"></color>';
		}

Combine Grid

Thai
รวมกริด

Image Added

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.

Thai
การรวมกริดใช้สำหรับโอนย้ายฟิลด์คุณสมบัติค่าอย่างน้อย 2 ฟิลด์ขึ้นไปจากปลั๊กอินเวอร์ชันเก่า (ฯลฯ Text Field & Select Box) ไปยังฟิลด์ค่าหลายค่าในมุมมองกริด

Combine Grid does

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.

Thai
การรวมกริดใช้สำหรับโอนย้ายฟิลด์คุณสมบัติค่าอย่างน้อย 2 ฟิลด์ขึ้นไปจากปลั๊กอินเวอร์ชันเก่า (ฯลฯ Text Field & Select Box) ไปยังฟิลด์ค่าหลายค่าในมุมมองกริด

Combine Grid does not support 'value' attribute.
Thai
การรวมกริดไม่สนับสนุนแอตทริบิวต์ 'value'
type : 'GridCombine'
Thai
ประเภท: 'GridCombine'

columns : A JSON array of 'column' JSON objects which has 2 mandatory 'key' & 'label' attributes and 2 optional 'required' & 'options' attribute.

Thai
คอลัมน์: อาร์เรย์ JSON ของวัตถุ 'คอลัมน์' JSON ซึ่งมีแอตทริบิวต์บังคับ 2 รายการคือ 'key' & 'label' และแอตทริบิวต์ 2 ตัวเลือก'required' & 'options'

key : Identifier of this column. This value need to be same with the field 'name' that need to migrate from single value field to multiple value field.

Thai
สำคัญ: ตัวระบุของคอลัมน์นี้ ค่านี้ต้องเหมือนกันกับฟิลด์ 'name' ที่ต้องย้ายจากฟิลด์ค่าเดียวไปยังหลายค่า

label : Label of the column header
Thai
label: เลเบลของส่วนหัวคอลัมน์

options : Optional, an array of JSON object with 'value' and 'label' attributes. A column with 'options' attribute will display the input field as select box.

Thai
ตัวเลือก: ตัวเลือกอาร์เรย์ของวัตถุ JSON ที่มีแอตทริบิวต์ 'value' และ 'label' คอลัมน์ที่มีแอตทริบิวต์ 'options' จะแสดงช่องป้อนข้อมูลเป็นกล่องที่เลือก

required : Optional, 'true' or 'false'. A grid cell with the 'required' attribute of 'row' and 'column' set to 'true' value is a mandatory field.

Thai
ต้องการ: ไม่บังคับ, 'true' หรือ 'false' เซลล์กริดที่มีแอตทริบิวต์ 'required' ของ 'row' และ 'column' ตั้งค่าเป็น 'true' เป็นฟิลด์บังคับ

Code Block

language	js

columns : [
    {key : 'key', label : 'Columns'}, 
    {key : 'value', label : 'Value', required: 'true'},
    {key : 'label', label : 'Label', required: 'true'},
    {key : 'width', label : 'Width', options:[
        {value : '10%', label : '10%'},
        {value : '20%', label : '20%'},
        {value : '30%', label : '20%'},
        {value : '40%', label : '20%'}
    ]}
]

Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.

Thai
อ้างถึง Dependency Field Attributes สำหรับแอททริบิวพิเศษที่ต้องแสดง / ซ่อนฟิลด์นี้ตามค่าฟิลด์อื่น

Refer to Retrieve Properties Value in Plugin - Combine Grid Field on how to use the value of this field type in the plugin code.

Thai
อ้างอิงถึง Retrieve Properties Value in Plugin - Combine Grid Field เกี่ยวกับวิธีใช้ค่าของฟิลด์ชนิดนี้ในโค้ดปลั๊กอิน

CSS Style(New)

...

borderColor	purple
borderWidth	1
titleBGColor	#ddccff
borderStyle	solid
title	New Feature

This is a new feature in Joget DX.

...

Custom Scripting (New)

Thai
สคริปต์ที่กำหนดเอง (ใหม่)

...

type : 'HtmlEditor'

Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.

Thai
อ้างถึง Dependency Field Attributes สำหรับแอททริบิวพิเศษที่ต้องแสดง / ซ่อนฟิลด์นี้ตามค่าฟิลด์อื่น

Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Thai
อ้างอิงถึง Retrieve Properties Value in Plugin - Single Value Field เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

Icon

...

Textfield (New)

Panel

borderColor	purple
borderWidth	1
titleBGColor	#ddccff
borderStyle	solid
title	New Feature

This is a new feature in Joget DX.

Thai
นี่เป็นคุณสมบัติใหม่ใน Joget DX

Icon Buttons (New)

...

borderColor	purple
borderWidth	1
titleBGColor	#ddccff
borderStyle	solid
title	New Feature

Image Added

type : 'icon-textfield'
Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.

This is a new feature in Joget DX.

...

Image

Thai
ภาพ

type : 'fileimage',
appPath : '[APP_PATH]',
allowInput : Optional, 'true' or 'false'. Set to 'true' to allow custom link.
isPublic : Optional, 'true' or 'false'. Set to 'true' to auto set the permission to access by anonymous.
allowType : Optional, a string of file extension seperated (;). Example: ".jpeg;.jpg;.gif;.png".
maxSize : Optional, integer value in string format. In kB.
imageSize : Optional, can be integer value in string format or a css expression. Example: '50' or "width:100px;height:70px;".

Refer to Regular Express (Regex) Validation Attributes for extra attributes to do validation using regex.

Thai
อ้างถึง Regular Express (Regex) Validation Attributes สำหรับแอตทริบิวต์เพิ่มเติมเพื่อทำการตรวจสอบความถูกต้องโดยใช้ regex

Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.

Thai
อ้างถึง Dependency Field Attributes สำหรับแอททริบิวพิเศษที่ต้องแสดง / ซ่อนฟิลด์นี้ตามค่าฟิลด์อื่น

Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Thai
อ้างอิงถึง Retrieve Properties Value in Plugin - Single Value Field เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

Image Radio (New)

Panel

borderColor	purple
borderWidth	1
titleBGColor	#ddccff
borderStyle	solid
title	New Feature

This is a new feature in Joget DX.

Thai
นี่เป็นคุณสมบัติใหม่ใน Joget DX

Image Removed


อ้างอิงถึง Retrieve Properties Value in Plugin - Single Value Field เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

type : 'imageradio"
value : ' '
options : ' '

Label

Thai
ป้าย

type : 'Label'

Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.

Thai
อ้างถึง Dependency Field Attributes สำหรับแอททริบิวพิเศษที่ต้องแสดง / ซ่อนฟิลด์นี้ตามค่าฟิลด์อื่น

Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Thai
อ้างอิงถึง Retrieve Properties Value in Plugin - Single Value Field เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

...

type : 'Readonly'

Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.

Thai
อ้างถึง Dependency Field Attributes สำหรับแอททริบิวพิเศษที่ต้องแสดง / ซ่อนฟิลด์นี้ตามค่าฟิลด์อื่น

Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Thai
อ้างอิงถึง Retrieve Properties Value in Plugin - Single Value Field เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

...

เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

Multiselect in Grid Interface (New)

Thai
เลือกได้หลายแบบในส่วนต่อประสานกริด (ใหม่)

Panel

borderColor	purple
borderWidth	1
titleBGColor	#ddccff
borderStyle	solid
title	New Feature

This is a new feature in Joget DX.

Thai
นี่เป็นคุณสมบัติใหม่ใน Joget DX

Image Added

type : 'elementmultiselect'
Refer to Option Field Attributes for extra attributes.
Thai
อ้างถึง Option Field Attributes สำหรับแอตทริบิวต์เพิ่มเติม

Number (New)

Thai
เลือกได้หลายแบบในส่วนต่อประสานกริด หมายเลข (ใหม่)

Panel

borderColor	purple
borderWidth	1
titleBGColor	#ddccff
borderStyle	solid
title	New Feature

This is a new feature in Joget DX.

Thai
นี่เป็นคุณสมบัติใหม่ใน Joget DX

Image Added

type : 'number'

Select Box

Thai
เลือกกล่อง

Image AddedImage Removed

type : 'elementmultiselectSelectBox'
Refer to Option Field Attributes for extra attributes.
Thai
อ้างถึง Option Field Attributes สำหรับแอตทริบิวต์เพิ่มเติม

Number (New)

Thai
หมายเลข (ใหม่)

Panel

borderColor	purple
borderWidth	1
titleBGColor	#ddccff
borderStyle	solid
title	New Feature

This is a new feature in Joget DX.

Thai
นี่เป็นคุณสมบัติใหม่ใน Joget DX

Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.

Thai
อ้างถึง Dependency Field Attributes สำหรับแอททริบิวพิเศษที่ต้องแสดง / ซ่อนฟิลด์นี้ตามค่าฟิลด์อื่น

Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Thai
อ้างอิงถึง Retrieve Properties Value in Plugin - Single Value Field เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

Text Area

Thai
พื้นที่ข้อความ

Image AddedImage Removed

type : 'elementmultiselect'

Repeater (New)

Panel

borderColor	purple
borderWidth	1
titleBGColor	#ddccff
borderStyle	solid
title	New Feature

This is a new feature in Joget DX.

Thai
นี่เป็นคุณสมบัติใหม่ใน Joget DX

Select Box

Thai
เลือกกล่อง

Image Removed

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.

Thai
อ้างถึง Regular Express (Regex) Validation Attributes สำหรับแอตทริบิวต์เพิ่มเติมเพื่อทำการตรวจสอบความถูกต้องโดยใช้ regex

type : 'SelectBox'
Refer to Option Field Attributes for extra attributes.
Thai
อ้างถึง Option Field Attributes สำหรับแอตทริบิวต์เพิ่มเติม

Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.

Thai
อ้างถึง Dependency Field Attributes สำหรับแอททริบิวพิเศษที่ต้องแสดง / ซ่อนฟิลด์นี้ตามค่าฟิลด์อื่น

Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Thai
อ้างอิงถึง อ้างอิงถึง Retrieve Properties Value in Plugin - Single Value Field เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

Text

...

Field

Thai
พื้นที่ข้อความ ช่องข้อความ

Image RemovedImage Added

type : 'TextAreaTextField'
rows size : OptionalOptional, integer value in string format. Default to '550'. Used to control the height length of the input field.cols
maxlength : Optional, integer value in string format. Default to '50'. Used to control limit the length 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.

Thai
อ้างถึง Regular Express (Regex) Validation Attributes สำหรับแอตทริบิวต์เพิ่มเติมเพื่อทำการตรวจสอบความถูกต้องโดยใช้ regex

Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.

Thai
อ้างถึง Dependency Field Attributes สำหรับแอททริบิวพิเศษที่ต้องแสดง / ซ่อนฟิลด์นี้ตามค่าฟิลด์อื่น

Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

Thai
อ้างอิงถึง อ้างอิงถึง Retrieve Properties Value in Plugin - Single Value Field เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

Text Field

Thai
ช่องข้อความ

Image Removed

...

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.

in Plugin - Single Value Field เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

...

Regular Express (Regex) Validation Attributes

...

...
Thai
...
แอตทริบิวต์การตรวจสอบความถูกต้องแบบด่วน (Regex)
...
Refer to Dependency Field Attributes for extra attributes to do show/hide this field based on other field value.
Thai
อ้างถึง Dependency Field Attributes สำหรับแอททริบิวพิเศษที่ต้องแสดง / ซ่อนฟิลด์นี้ตามค่าฟิลด์อื่น
...
Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.
Thai
อ้างอิงถึง Retrieve Properties Value in Plugin - Single Value Field เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

Regular Express (Regex) Validation Attributes

Thai
แอตทริบิวต์การตรวจสอบความถูกต้องแบบด่วน (Regex)

...

The following attributes are designed for Auto Complete, Password Field, Text Area and Text Field.

Thai
คุณลักษณะต่อไปนี้ได้รับการออกแบบมาสำหรับ Auto Complete, Password Field, Text Area และ Text Field

...

regex_validation : Optional, regular express in string format.

The following attributes are designed for Auto Complete, Password Field, Text Area and Text Field.
Thai
คุณลักษณะต่อไปนี้ได้รับการออกแบบมาสำหรับ Auto Complete, Password Field, Text Area และ Text Field
regex_validation : Optional, regular express in string format.
validation_message : Optional, error message to display when validation failure.

Code Block

language	js

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

Javascript Function Validation Attributes

The following attributes are designed for all field type.
js_validation : Optional, Javascript function name in string format or a function.

Code Block

language	js

{
    js_validation : 'functionName'
}

...

Code Block

language	js

{
    regexjs_validation : '^[a-zA-Z0-9_]+$',
    validation_message : 'Invalid ID!!'function(fieldName, fieldValue) {
		if (fieldValue.indexOf("#") > 0) {
			return "Error! Value contains #";
		}
        return null;
	}
}

Dependency Field Attributes

...

The following attributes are available for all field types.
Thai
แอททริบิวต่อไปนี้ใช้ได้กับฟิลด์ทุกประเภท
These attributes are used to show/hide a field based on the value of another field.
Thai
แอ็ตทริบิวต์เหล่านี้ใช้เพื่อแสดง / ซ่อนฟิลด์ตามค่าของฟิลด์อื่น

The value of a field hidden by these attributes will be ignore during save.

Thai
ค่าของฟิลด์ที่ถูกซ่อนโดยแอตทริบิวต์เหล่านี้จะถูกละเว้นในระหว่างการบันทึก

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.

Code Block

language	js

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

...

Space shortcuts

Page tree

Page History

Versions Compared

Old Version 3

New Version Current

Key

Usage

การใช้

Color Scheme (New)

Combine Grid

รวมกริด

Combine Grid

รวมกริด

CSS Style(New)

Custom Scripting (New)

สคริปต์ที่กำหนดเอง (ใหม่)

Icon

Textfield (New)

Icon Buttons (New)

Image

ภาพ

Image Radio (New)

Image Removed

Label

ป้าย

Multiselect in Grid Interface (New)

เลือกได้หลายแบบในส่วนต่อประสานกริด (ใหม่)

Number (New)

หมายเลข (ใหม่)

Select Box

เลือกกล่อง

Number (New)

หมายเลข (ใหม่)

Text Area

พื้นที่ข้อความ

Repeater (New)

Select Box

เลือกกล่อง

Text

Field

ช่องข้อความ

Text Field

ช่องข้อความ

Regular Express (Regex) Validation Attributes

แอตทริบิวต์การตรวจสอบความถูกต้องแบบด่วน (Regex)

Regular Express (Regex) Validation Attributes

แอตทริบิวต์การตรวจสอบความถูกต้องแบบด่วน (Regex)

Javascript Function Validation Attributes

Dependency Field Attributes