Definition

List Grid การอธิบายที่ดีที่สุดคือคล้ายกับแบบฟอร์มตารางกริด แต่เพิ่มความสามารถใหม่จาก Datalist แทน

New Feature

เพิ่มคุณสมบัติใหม่ใน Joget Workflow เวอร์ชั่น 6

  • เลขลำดับหน้า
  • ลบตัวเลือก
  • ประเภทรูปแบบหลายบรรทัด


ภาพที่ 1: ภาพรายการตาราง

แก้ไขแบบฟอร์มใน http://localhost:8080/jw/web/console/app/crm/1/form/builder/crm_contact


ภาพที่ 2: ภาพรายการตารางเพิ่มระเบียนใหม่โดยใช้รายการตาราง


ภาพที่ 3: ภาพรายการตารางระเบียนใหม่ที่เพิ่มในรายการตาราง


ภาพที่ 4: คุณสมบัติรายการตาราง

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

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

ตัวอย่าง: 
ใน "Account" ฟอร์มที่มาจากดาต้าลิสต์ "Account Listing" มีองค์ประกอบของฟอร์มที่มี ID "id" และ "accountName"
Labelชื่อที่จะแสดงให้ผู้ใช้เห็น.
Editableใช่/ไม่ใช่
Format Type

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

ตัวเลือกเริ่มต้น: ข้อความ

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

  • Text - จัดรูปแบบค่าเป็นข้อความ
  • HTML - ส่งออกข้อมูลเป็น HTML
  • Multiple lines text - รักษาการจัดรูปแบบระยะห่างสำหรับข้อความหลายบรรทัดเช่น TextArea
  • Decimal - จัดรูปแบบเป็นทศนิยม จำนวนทศนิยมที่คาดว่าจะอยู่ในฟิลด์ "รูปแบบ"

  • Date - รูปแบบตามวันที่ คาดว่าจะใช้รูปแบบวันที่ดั้งเดิมและวันที่ใหม่ในฟิลด์ "รูปแบบ"

    รูปแบบ: (รูปแบบดั้งเดิม) | (รูปแบบใหม่)

    ตัวอย่างการใช้งาน:
    ค่าดั้งเดิม:     5/23/2012
    ค่าที่คาดหวัง: 2012/5/23
    รูปแบบ:     M/d/y|y/M/d

    หมายเหตุ: โปรดอ้างอิง Java SimpleDateFormat สำหรับรูปแบบวันที่

  • File - แสดงค่าเป็นลิงค์ไปยังเอกสารแนบ Form Def ID คาดว่าจะอยู่ในฟิลด์ "Format"

    Expected Form Def ID

    ระบุ Form Def ID การกำหนดแบบฟอร์มที่มีองค์ประกอบแบบฟอร์มการอัพโหลดไฟล์จริง

  • Image - แสดงค่าเป็นภาพย่อของไฟล์แนบ Form Def ID คาดว่าจะอยู่ในฟิลด์ "Format"

    Expected Form Def ID

    ระบุ Form Def ID การกำหนดแบบฟอร์มที่มีองค์ประกอบแบบฟอร์มการอัพโหลดไฟล์จริง

  • Options - แสดงเลเบลของอิลิเมนต์ตัวเลือกหลายตัวที่กำหนดค่าที่กำหนด Form Def ID คาดว่าจะอยู่ในฟิลด์ "Format"

    Expected Form Def ID

    ระบุ Form Def ID ที่มีองค์ประกอบฟอร์มด้วย Select Box / Radio / Check Box

Format
อาจมีการป้อนอาร์กิวเมนต์เพิ่มเติมที่นี่ทั้งนี้ขึ้นอยู่กับประเภทรูปแบบที่คุณเลือก
Width

ความยาว

Sample
200px

 

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

NameDescription
Enable Sorting Feature
กำหนดว่าจะบังคับใช้การเรียงลำดับของแถวหรือไม่
Field ID for Sorting
เพื่อให้ลำดับการเรียงฟิลด์; จะต้องสอดคล้องกับฟิลด์รหัสในรูปแบบ
Insert Button Label
ใส่ป้ายชื่อปุ่ม
Form to Edit Row
หลังจากเพิ่มแถวผู้ใช้สามารถแก้ไขแถวที่บันทึกได้โดยกำหนดที่นี่
Form Submit Button Label (Normal Mode)
ป้ายกำกับของปุ่มส่งในโหมดปกติ
Form Submit Button Label (Readonly Mode)
ป้ายกำกับของปุ่มส่งในโหมดอ่านอย่างเดียว
Display field as Label when readonly?
แสดงค่าของข้อความในรูปแบบข้อความล้วนๆไม่สามารถแก้ไขได้ เมื่อกล่องข้อความนั้นถูกตั้งค่าไว้ว่า "Readonly"
Readonly

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

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

พิจารณาว่าสามารถลบแถวได้หรือไม่

Delete confirmation message
ข้อความยืนยันเมื่อลบแถว
Show Row Numbering?
แสดงคอลัมน์เพิ่มเติมทางด้านซ้ายสุดเพื่อแสดงหมายเลข
Paging Size
รายการที่จะแสดงต่อหน้า
Popup Dialog Height

ความสูง

Sample
500px
Popup Dialog Width

ความกว้าง

Sample
90%

 

Figure 6: คุณสมบัติรายการตาราง - หน้าจอผู้ใช้และตั้งค่าให้สมบูรณ์

NameDescription
Validator

แนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา

When 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 ในฐานข้อมูลที่กำหนดไว้
Store Binder
ตัวเลือกโดยค่าเริ่มต้น ข้อมูลตารางจะถูกบันทึก / โหลดในรูปแบบ JSON ในฐานข้อมูลที่กำหนดไว้
Delete Associated Grid Data?

หากฟอร์มป๊อปอัพมีรายการในตารางตัวเลือกนี้จะลบข้อมูลภายในตาราง

Caution

ตัวเลือก 3 ตัวเหล่านี้: (ลบข้อมูลตารางที่เชื่อมโยง, ลบข้อมูลแบบฟอร์มลูกที่เกี่ยวข้อง, ลบไฟล์) โดยใช้ร่วมกับองค์ประกอบ ตาราง / ลูกตารางซ้อนกัน

ตัวเลือกเหล่านี้ลัดไปที่แผนผังทั้งหมด เมื่อพบเงื่อนไข 'เท็จ' มันจะย้ายไปยังองค์ประกอบตาราง / ลูกตารางถัดไป

ตัวอย่าง: พิจารณาว่าฟอร์มป๊อปอัปมีตารางมีฟอร์มย่อยมีองค์ประกอบการอัปโหลดไฟล์ที่มี abc.pdf หากตรวจสอบตัวเลือกทั้งหมด abc.pdf จะถูกลบ หากทุกคนยกเว้นหนึ่งในตัวเลือกที่เลือกไว้ abc.pdf จะไม่ถูกลบ

Delete Associated Child Form Data?

หากฟอร์มป๊อปอัพมีองค์ประกอบลูกตัวเลือกนี้จะลบข้อมูลลูก

Caution

ตัวเลือก 3 ตัวเหล่านี้: (ลบข้อมูลกริดที่เชื่อมโยง, ลบข้อมูลแบบฟอร์มลูกที่เกี่ยวข้อง, ลบไฟล์) โดยใช้ร่วมกับองค์ประกอบตาราง / ลูกซ้อนกัน

Delete Files?
ถ้าฟอร์มป๊อปอัพมีองค์ประกอบอัพโหลดไฟล์ตัวเลือกนี้จะลบไฟล์ที่อัพโหลดจริง
Caution

ตัวเลือก 3 ตัวเหล่านี้: (ลบข้อมูลตารางที่เชื่อมโยง, ลบข้อมูลแบบฟอร์มลูกที่เกี่ยวข้อง, ลบไฟล์) โดยใช้ร่วมกับองค์ประกอบตาราง / ลูกซ้อนกัน

Abort Related Running Processes?
หากมีอินสแตนซ์กระบวนการที่เกี่ยวข้องกับแถวที่ถูกลบตัวเลือกนี้จะยกเลิกอินสแตนซ์กระบวนการเหล่านั้น

 

ภาพที่ 7: คุณสมบัติรายการตาราง - ตัวเลือกขั้นสูง

NameDescription
URL Request Parameters for Datalist
ปรับแต่งการเลือกรายการข้อมูลเป้าหมายโดยกำหนดเกณฑ์ตัวกรองที่นี่
NameDescription
Parameter
ชื่อพารามิเตอร์ตัวกรองของรายการข้อมูลเป้าหมาย
Field ID
ID ฟิลด์องค์ประกอบของฟอร์มปัจจุบัน
Default ValueDefault Value for the search parameter
ค่าเริ่มต้นสำหรับพารามิเตอร์การค้นหา

 

 

 




  • No labels