Versions Compared

Key

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

Grid ช่วยให้สามารถจับภาพโครงสร้างและข้อมูลที่เกี่ยวข้องได้


ภาพที่ 1: ภาพตัวอย่างแสดง HTML ที่กำหนดเองใน App HR Expenses Claim

ภาพที่ 2: คุณสมบัติกริด

NameDescription
IDรหัส (เมื่อประกาศ ID ชื่อ "approval_comments" แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_approval_comments")
Labelชื่อที่จะแสดงให้ผู้ใช้เห็น.
Options

นิยามคอลัมน์และชื่อคอลัมน์ ชื่อคอลัมน์กำหนดที่ value ในขณะที่ป้ายกำกับคอลัมน์กำหนดที่ label

Figure 3: คุณสมบัติกริดหน้าจอผู้ใช้และการทำให้สมบูรณ์

NameDescription
Readonly

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

Validator

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

Info
titleWhen will validation takes place?

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

Min Number of Row Validation (Integer)
จำนวนแถวขั้นต่ำ
Max Number of Row Validation (Integer)
จำนวนแถวขั้นสูง
Error Message
ข้อความแสดงข้อผิดพลาดจะแสดงเมื่อไม่ตรงตามข้อกำหนดของแถวที่ตั้งไว้ข้างต้น

ภาพที่ 4: คุณสมบัติกริด - การผูกข้อมูล

NameDescription
 Load Binder

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

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

Figure 5:  คุณสมบัติกริดการผูกข้อมูล - Binder หลายรูปแบบ

NameDescription
Form
แบบฟอร์มสำหรับจัดเก็บหรือโหลดจากฟอร์ม
Foreign KeyForeign Key for records lookup.
Foreign Key สำหรับการบันทึก

ภาพรวมในหัวข้อนี้ได้จาก  http://localhost:8080/jw/web/console/app/hr_expense/1/form/builder/hr_expenses_approval_detail