Versions Compared

Key

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

...

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

Color Scheme

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 : C:/Joget-DX8-Enterprise/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",
            "#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.

Combine Grid

Thai

รวมกริด

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

...