Versions Compared

Old Version 1

changes.mady.by.user Aadrian Zarin

Saved on

compared with

New Version Current

changes.mady.by.user Owen Ong

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents
absoluteUrltrue

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" ของแต่ละปลั๊กอิน

...

Sample Look and Feel

Thai

ตัวอย่างรูปลักษณ์

Image RemovedImage Added

Field Types

Thai

ประเภทของฟิลด์

Auto Complete

Thai

ดำเนินการอัตโนมัติ

Image RemovedImage Added

Check Box

Thai

ช่องทำเครื่องหมาย

Image RemovedImage Added

Code Editor

Thai

เครื่องมือแก้ไขรหัส

Image RemovedImage Added

  • type : 'CodeEditor'

    Thai

    ประเภท: 'CodeEditor'

  • mode : Optional, used for specified highlight mode. Default to 'text', available values are 'text', 'java', 'html', 'javascript', 'css', 'json', 'sql' and 'xml'.

    Thai

    โหมด: ตัวเลือกใช้สำหรับโหมดไฮไลต์ที่ระบุ ค่าเริ่มต้นของ '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.

    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 เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

Color

Thai

สี

Image RemovedImage Added

  • type : 'color'

    Thai

    ประเภท: 'สี'

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

    Thai

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

Combine Grid

Thai

รวมกริด

Image Removed

Color Scheme (New)

Panel
borderColorpurple
bgColorwhite
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This is a new feature in Joget DX 8

Image Added

  • type : 'colorscheme'

  • value : Renders color options according to assigned hex color code. 

    Code Block
    languagejs
    //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"
  • 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
    languagejs
    //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"

  • 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
    languagejs
    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%'},
  "#e9e9e9;#FFFFFF;#AECAC7;#2C6562;#1976d2;#004ba0",
        "#e9e9e9;#FFFFFF;#AFA4DA;#312D4A;#304ffe;#0026ca",
        "#e9e9e9;#FFFFFF;#9debf9;#007252;#00838f;#005662",
      {value : '40%', label : '20%'}
    ]}
] "#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
    languagejs
    //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 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
    languagejs
    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 เกี่ยวกับวิธีใช้ค่าของฟิลด์ชนิดนี้ในโค้ดปลั๊กอิน

Custom Scripting (New)

Thai

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

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This is a new feature in Joget DX.

Thai

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

Image Added

  • type : 'custom'

    Thai

    ประเภท: 'กำหนดเอง'

  • script_url : A URL which will return script of the selected element. Built-in URL is "[CONTEXT_PATH]/web/property/json[APP_PATH]/[CLASS_PATH]" which will return the script of a plugin.

    Thai

    script_url: URL ที่จะส่งคืนสคริปต์ขององค์ประกอบที่เลือก URL ในตัวคือ "[CONTEXT_PATH] / เว็บ / property / json [APP_PATH] / [CLASS_PATH]" ซึ่งจะส่งคืนสคริปต์ของปลั๊กอิน

Element Select Box

Thai

องค์ประกอบเลือกกล่อง

Image Added

  • type : 'ElementSelect'

    Thai

    ประเภท: '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.

    Thai

    url: URL ที่จะส่งคืนออบเจกต์ JSON ของตัวเลือกคุณสมบัติขององค์ประกอบที่เลือก URL ในตัวคือ "[CONTEXT_PATH] / web / property / json [APP_PATH] / getPropertyOptions" ซึ่งจะส่งคืนออบเจ็กต์ตัวเลือกคุณสมบัติ JSON ของปลั๊กอิน

  • 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.

    Thai

    keep_value_on_change: ไม่บังคับ, 'true' หรือ 'false' ใช้เพื่อตัดสินใจว่าจะเก็บคอนฟิกูเรชันของตัวเลือกคุณสมบัติขององค์ประกอบที่เลือกไว้ก่อนหน้านี้หรือไม่เมื่อเลือกองค์ประกอบใหม่

  • 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 สำหรับแอททริบิวพิเศษที่ต้องแสดง / ซ่อนฟิลด์นี้ตามค่าฟิลด์อื่น

  • Usually used for select a plugin and configure the properties of the selected plugin.

    Thai

    มักจะใช้สำหรับเลือกปลั๊กอินและกำหนดค่าคุณสมบัติของปลั๊กอินที่เลือก

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

    Thai

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

File

Thai

ไฟล์

Image Added

  • type : 'file',

  • 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.

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

    Thai

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

  • Refer to 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 Single Value Field on how to use the value of this field type in the plugin code.

    Thai

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

Custom Scripting (New)

Thai

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

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This is a new feature in Joget DX.

Thai

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

Image Removed

  • type : 'custom'

    Thai

    ประเภท: 'กำหนดเอง'

  • script_url : A URL which will return script of the selected element. Built-in URL is "[CONTEXT_PATH]/web/property/json[APP_PATH]/[CLASS_PATH]" which will return the script of a plugin.

    Thai

    script_url: URL ที่จะส่งคืนสคริปต์ขององค์ประกอบที่เลือก URL ในตัวคือ "[CONTEXT_PATH] / เว็บ / property / json [APP_PATH] / [CLASS_PATH]" ซึ่งจะส่งคืนสคริปต์ของปลั๊กอิน

Element Select Box

Thai

องค์ประกอบเลือกกล่อง

Image Removed

  • type : 'ElementSelect'

    Thai

    ประเภท: '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.

    Thai

    url: URL ที่จะส่งคืนออบเจกต์ JSON ของตัวเลือกคุณสมบัติขององค์ประกอบที่เลือก URL ในตัวคือ "[CONTEXT_PATH] / web / property / json [APP_PATH] / getPropertyOptions" ซึ่งจะส่งคืนออบเจ็กต์ตัวเลือกคุณสมบัติ JSON ของปลั๊กอิน

  • 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.

    Thai

    keep_value_on_change: ไม่บังคับ, 'true' หรือ 'false' ใช้เพื่อตัดสินใจว่าจะเก็บคอนฟิกูเรชันของตัวเลือกคุณสมบัติขององค์ประกอบที่เลือกไว้ก่อนหน้านี้หรือไม่เมื่อเลือกองค์ประกอบใหม่

  • 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 สำหรับแอททริบิวพิเศษที่ต้องแสดง / ซ่อนฟิลด์นี้ตามค่าฟิลด์อื่น

  • Usually used for select a plugin and configure the properties of the selected plugin.

    Thai

    มักจะใช้สำหรับเลือกปลั๊กอินและกำหนดค่าคุณสมบัติของปลั๊กอินที่เลือก

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

    Thai

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

File

Thai

ไฟล์

Image Removed

  • type : 'file',

  • 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.

  • 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 เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

Fixed Row Grid

Thai

แก้ไขกริดแถว

Image Removed

Fixed Row Grid

Thai

แก้ไขกริดแถว

Image Added

  • type : 'GridFixedRow'

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

    • key : Identifier of this column.

    • label : Label of the column header

    • 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.

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

  • 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.

    • label : Label of a row. Used to populate in the first column or every row.

    • required : Optional, 'true' or 'false'. 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.  


Code Block
languagejs
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', options:[
        {value : '10%', label : '10%'},
        {value : '20%', label : '20%'},
        {value : '30%', label : '20%'},
        {value : '40%', label : '20%'}
    ]}
],
rows : [
    {label : 'Username', required: 'true'},
    {label : 'Status'},
    {label : 'Message'},
    {label : 'Date'}
],
value : [
    {label : 'Username'},
    {label : 'Status'},
    {label : 'Message', width : '20%'},
    {label : 'Date', value : 'dateCreated'}
]

Grid

Thai

กริด

Image Added

  • type : 'Grid'

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

    • key : Identifier of this column.

    • label : Label of the column header

    • 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.

    • required : Optional

  • type : 'GridFixedRow'

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

    • key : Identifier of this column.

    • label : Label of the column header

    • 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.

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

  • 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.

    • label : Label of a row. Used to populate in the first column or every row.

    • required : Optional, 'true' or 'false'. 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.  

...

languagejs

  • the 'key' attribute of 'column' object used as attribute.  


    Code Block
    languagejs
    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%'}
    ]}
],

...

  • value : [
    {label : 'Username',

...

  • value : '

...

  • username'},
    {label : 'Status

...

  • '

...

  • ,

...

  •

...

  • value :

...

  • 'status'},
    {label : '

...

  • Message'

...

  • ,

...

  •

...

  • value : '

...

  • message', width : '20%'},
    {label : 'Date', value : 'dateCreated'}
]

  • 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 - Grid Field on how to use the value of this field type in the plugin code.

    Thai

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

Grid

Thai

กริด

Image Removed

...

type : 'Grid'

...

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

  • key : Identifier of this column.

  • label : Label of the column header

  • 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.

  • required : Optional, 'true' or 'false'. 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.  

Code Block
languagejs
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%'}
    ]}
],
value : [
    {label : 'Username', value : 'username'},
    {label : 'Status', value : 'status'},
    {label : 'Message', value : 'message', width : '20%'},
    {label : 'Date', value : 'dateCreated'}
]

...

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 - Grid Field on how to use the value of this field type in the plugin code.

Thai

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

  • the value of this field type in the plugin code.

    Thai

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

Header

Thai

หัวข้อ

Image Added

  • 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.

    Thai

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

  • This field type is used for separate the fields into different groups. It is not use for capture data. 

    Thai

    ประเภทฟิลด์นี้ใช้สำหรับแยกฟิลด์ออกเป็นกลุ่มต่าง ๆ มันไม่ได้ใช้สำหรับการจับข้อมูล

Hidden Field

Thai

ซ่อนฟิลด์

HTML Editor

Thai

ตัวแก้ไข HTML

Image Added

Icon Textfield (New)

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This is a new feature in Joget DX.

Thai

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

Image Added

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

Image

Thai

ภาพ

Image Added

  • type : 'image',

  • 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

Header

Thai

หัวข้อ

Image Removed

  • 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.

    Thai

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

  • This field type is used for separate the fields into different groups. It is not use for capture data. 

    Thai

    ประเภทฟิลด์นี้ใช้สำหรับแยกฟิลด์ออกเป็นกลุ่มต่าง ๆ มันไม่ได้ใช้สำหรับการจับข้อมูล

Hidden Field

...

Label

Thai

ป้าย

Image Added

...

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

Multi Select Box

Thai
ตัวแก้ไข HTML

กล่องเลือกหลายตัว

Image RemovedImage Added

Image

Thai

ภาพ

Image Removed

Password Field

Thai

ฟิลด์รหัสผ่าน

Image Added

  • 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. 

  • type : 'file',

  • 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 เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

...

Radio Button

Thai
ป้าย

ปุ่มตัวเลือก

Image RemovedImage Added

...

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

Readonly Text Field

Thai
กล่องเลือกหลายตัว

ช่องข้อความแบบอ่านอย่างเดียว

Image RemovedImage Added

Password Field

Thai

ฟิลด์รหัสผ่าน

Image Removed

  • 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.

    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 เกี่ยวกับวิธีใช้ค่าของฟิลด์นี้พิมพ์ในรหัสปลั๊กอิน

Radio Button

Thai

ปุ่มตัวเลือก

Image Removed

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

Multiselect in Grid Interface (New)

Thai

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

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This is a new feature in Joget DX.

Thai

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

Image Added

Number (New)

Thai

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

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This is a new feature in Joget DX.

Thai

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

Image Added

  • type : 'number'

 

Select Box

Thai

เลือกกล่อง

Image Added

Readonly Text Field

Thai

ช่องข้อความแบบอ่านอย่างเดียว

Image Removed

Multiselect in Grid Interface (New)

Thai

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

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This is a new feature in Joget DX.

Thai

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

Image Removed

Number (New)

Thai

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

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This is a new feature in Joget DX.

Thai

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

Image Removed

  • type : 'elementmultiselect'

Select Box

Thai

เลือกกล่อง

Image Removed

Text Area

Thai

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

Image Added

  • 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.

    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. 

  • 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. 

Code Block
languagejs
{
    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
languagejs
{
    js_validation : 'functionName'
}

...

 Code Block
languagejs
{
    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
languagejs
{
    control_field: 'chartType',
    control_value: 'bar|xy|area|bubble|line|candlestick|ohlc',
    control_use_regex: 'true',
}
...
  • Call to a URL for validation.
     Thai
    เรียกไปที่ URL เพื่อตรวจสอบความถูกต้อง
  • type : 'AJAX'
  • url : An URL return a JSON Object with status (success or fail) & message (JSONArray of String) attribute
  • default_error_message : Optional. A string of error message.

Page Button
 Thai
ปุ่มหน้า
Image RemovedImage Added
  • Page button can be added on the bottom of each page to provide extra feature. Such as send an test email to test the email configuration or make a test connection to database.
     Thai
    สามารถเพิ่มปุ่มหน้าได้ที่ด้านล่างของแต่ละหน้าเพื่อให้มีคุณสมบัติพิเศษ เช่นส่งอีเมลทดสอบเพื่อทดสอบการกำหนดค่าอีเมลหรือทำการเชื่อมต่อทดสอบกับฐานข้อมูล
  • Page button will collect the required fields data from the page and popup dialog and call an AJAX URL. 
     Thai
    ปุ่มหน้าจะรวบรวมข้อมูลฟิลด์ที่ต้องการจากหน้าและกล่องโต้ตอบป๊อปอัพและเรียก AJAX URL
  • name : Identifier of this button.
  • label : Label of the button.
  • ajax_url : A URL to execute the button action. The URL should return a JSON Object with message (String) attribute.
  • fields : An array of fields name in the same page that will be used by this button. 
  • addition_fields :  An array of Property Field JSON object that will be shown in a popup dialog to collect extra data.
  • Example:
     Thai
    ตัวอย่าง:
     Code Block
    languagejs
    buttons : [{
    name : 'testmail',    
    label : 'Send Test Email',
    ajax_url : '[CONTEXT_PATH]/web/json/app[APP_PATH]/plugin/org.joget.apps.app.lib.EmailTool/service?action=testmail',
    fields : ['host', 'port', 'security', 'username', 'password'],
    addition_fields : [
        {
            name : 'from',
            label : 'From',
            type : 'textfield',
            required : 'True'
        },
        {
            name : 'toSpecific',
            label : 'To',
            type : 'textfield',
            required : 'True'
        }
    ]
}]
...