Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

Advanced Grid อธิบายได้ดีที่สุดว่าเป็น ตาราง (Grid) ที่มีการแปลงการแก้ไขแบบอินไลน์ที่สมบูรณ์

ตารางกริดขั้นสูงจะเลียนแบบเป้าหมายดั้งเดิมเพื่อความสามารถในการป้อนข้อมูลที่ถูกต้องและสมบูรณ์ยิ่งขึ้นตารางกริดขั้นสูงจะเลียนแบบตารางดั้งเดิมเพื่อเพิ่มความสามารถในการป้อนข้อมูลที่ถูกต้องและสมบูรณ์ยิ่งขึ้น

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

ฟีเจอร์นี้ได้รับการปรับปรุงใน Joget Workflow เวอร์ชั่น 6 

  1. ประเภทรูปแบบคอลัมน์
  2. การเติมค่าเริ่มต้นจากแบบฟอร์มเป้าหมาย
  3. หมายเลขคอลัมน์การเรียงลำดับเริ่มต้น


ภาพที่ 1: ภาพตารางกริดขั้นสูงภาพตารางขั้นสูง


ภาพที่ 2: ภาพตารางกริดขั้นสูงที่มีองค์ประกอบตัวใช้เลือกวันที่ภาพตารางขั้นสูงที่มีองค์ประกอบตัวใช้เลือกวันที่

ตัวใช้เลือกวันที่จะปรากฏขึ้นเมื่อทำการแก้ไขหากฟิลด์แหล่งที่มานั้นเป็นองค์ประกอบตัวเลือกวันที่ตัวใช้เลือกวันที่จะปรากฏขึ้นเมื่อทำการแก้ไขถ้าแหล่งที่มานั้นเป็นองค์ประกอบตัวเลือกวันที่


ภาพที่ 3: ภาพตารางกริดขั้นสูงที่มีองค์ประกอบตัวช่องเลือกแบบดึงลง ภาพตารางขั้นสูงที่มีองค์ประกอบตัวช่องเลือกแบบดึงลง

กล่องเลือกจะปรากฏขึ้นเมื่อมีการแก้ไขถ้าแหล่งที่มาของตัวเองเป็นองค์ประกอบกล่องเลือกกล่องเลือกจะปรากฏขึ้นเมื่อมีการแก้ไขถ้าแหล่งที่มาของเป็นองค์ประกอบกล่องเลือก

 

Figure 4: คุณสมบัติตารางกริดขั้นสูงคุณสมบัติตารางขั้นสูง

NameDescription
IDรหัส (เมื่อประกาศ ID ชื่อ "entries" แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_entries")
Labelชื่อที่จะแสดงให้ผู้ใช้เห็น.
Formแบบฟอร์มเป้าหมายสำหรับการแก้ไข
Columns

คอลัมน์ที่กำหนดที่นี่จะต้องสอดคล้องกับแบบฟอร์มที่เลือกด้านบน

NameDescription
Value

Field ID ของแบบฟอร์ม

ตัวอย่าง:

ในฟอร์ม "HR Expense Claim Entry" มีองค์ประกอบของฟอร์มที่มี ID "date", "category", "purpose" และ "formattedAmount"

Labelชื่อที่จะแสดงให้ผู้ใช้เห็น.
Format Type

หากคุณต้องการจัดรูปแบบค่าที่ส่งคืนคุณอาจใช้ประโยชน์จากประเภทรูปแบบได้

ประเภทรูปแบบที่ใช้ได้

  • Date - จัดรูปแบบฟิลด์ตามวันที่
  • Decimal - จัดรูปแบบฟิลด์เป็นทศนิยม
Width

ความกว้าง

Code Block
titleSample
200px
Readonly

กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่

 

Figure 5: คุณสมบัติตารางกริดขั้นสูง คุณสมบัติตารางขั้นสูง - หน้าจอผู้ใช้งาน

NameDescription
Search
เปิดใช้งานความสามารถในการค้นหาภายในข้อมูลกริดเอง
Readonly

กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่

Disable Add Feature
พิจารณาว่าสามารถเพิ่มแถวใหม่ได้หรือไม่
Disable Delete Feature
พิจารณาว่าสามารถลบแถวได้หรือไม่
Default Sorting Column Number

กำหนดดัชนีคอลัมน์เพื่อจัดเรียงตามค่าเริ่มต้น ฟิลด์นี้ยอมรับจำนวนเต็มเริ่มจาก 1 เป็นต้นไปเท่านั้น

ตัวอย่าง: หากตารางมี 5 คอลัมน์การป้อน "4" จะเรียงลำดับคอลัมน์ที่ 4 จากทางซ้ายตามลำดับจากน้อยไปหามาก
Sort in descending order?
ตัวเลือกนี้ใช้ได้เฉพาะเมื่อมีการป้อนข้อมูลใน "หมายเลขคอลัมน์การเรียงลำดับเริ่มต้น" เลือกเพื่อเรียงลำดับจากมากไปน้อยแทน
Delete confirmation message
ข้อความยืนยันเมื่อลบแถว
Show Row Numbering?
แสดงการกำหนดหมายเลขบนตาราง
Key to save cell
แป้นคีย์บอร์ดที่ใช้เพื่อกำหนดเวลาที่จะบันทึกและย้ายไปยังเซลล์ถัดไป
Edit hint
แก้ไขข้อความคำใบ้
Record Per Page
พารามิเตอร์การเพจพารามิเตอร์เพจ - บันทึกเพื่อแสดงต่อหน้า
Paging Options
พารามิเตอร์เพจ - ตัวเลือกเพจ

...

NameDescription
Validator

แนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา โปรดดู ตรวจสอบข้อมูลของฟอร์ม (Form Validator).

Info
titleWhen will validation takes place?

การตรวจสอบจะเกิดขึ้นทุกครั้งที่มีการบันทึกแบบฟอร์มยกเว้นเมื่อบันทึกเป็น "Save as Draft"

Unique Column
คอลัมน์ / ฟิลด์ ID เพื่อระบุ ID บันทึก
Min Number of Row Validation (Integer)
จำนวนแถวขั้นต่ำ (จำนวนเต็ม)
Max Number of Row Validation (Integer)
จำนวนแถวสูงสุด (จำนวนเต็ม)
Error Message
ข้อความแสดงข้อผิดพลาดที่จะแสดงเมื่อไม่ตรงตามข้อกำหนดของแถวที่ตั้งไว้ข้างต้น
Load Binder

ตัวเลือกโดยค่าเริ่มต้น ข้อมูลกริดจะถูกบันทึก / โหลดในรูปแบบ JSON ในฐานข้อมูลที่กำหนดไว้

ในตัวอย่างนี้ Multirow Form Binder ถูกใช้เพื่อโหลดข้อมูลจากฟอร์มอื่น ดูรายการที่มี สิ่งที่ผูกกับฟอร์ม (Form Binder)

Store Binder

ตัวเลือกโดยค่าเริ่มต้น ข้อมูลกริดจะถูกบันทึก / โหลดในรูปแบบ JSON ในเซลล์ฐานข้อมูลที่กำหนดไว้

ในตัวอย่างนี้ Multirow Form Binder ถูกใช้เพื่อโหลดข้อมูลจากฟอร์มอื่น สิ่งที่ผูกกับฟอร์ม (Form Binder)