Definition

CRUD, คุณไม่จำเป็นต้องเขียนโครงสร้างด้วยตัวเองทั้งหมดในการสร้างเอนทิตี CRUD องค์ประกอบนี้ช่วยให้คุณมีการปรับแต่งมากมายให้คุณสามารถบรรลุสิ่งที่คุณต้องการ

Performance

คุณสามารถกำหนดค่าการตั้งค่าประสิทธิภาพใน Userview Element นี้เพื่อแคชเนื้อหาที่มีอยู่เพื่อปรับปรุงประสิทธิภาพและความเร็วในการโหลด

อ่านเพิ่มเติมได้ที่ Performance Improvement with Userview Caching.


รูปที่ 1: ภาพหน้าจอแสดง CRUD จาก HR Expenses Claim app


รูปที่ 2: CRUD Properties

ชื่อคำอธิบาย
Custom ID

Item link slug. ฟิลด์ตัวเลือก

Unique field

ตัวแปลที่กำหนดจะต้องไม่ซ้ำกันกับส่วนอื่นของ Userview เนื่องจากจะทำการเรียกใช้ซ้ำ

Labelชื่อเมนู ฟิลด์บังคับ
Listสามารถโหลด Datalist ฟิลด์บังคับ
Form (Add)

แบบฟอร์มเป้าหมายที่จะเปิดเมื่อเพิ่ม(Add)เรกคอร์ดใหม่ ฟิลด์ตัวเลือก

ถ้าแอตทริบิวต์นี้ไม่ได้รับการแม็ป ความสามารถในการเพิ่ม(Add)จะถูกปิดใช้การงาน

Form (Edit)

แบบฟอร์มเป้าหมายที่จะเปิดเมื่อแก้ไข(Edit)เรกคอร์ดที่มีอยู่ ฟิลด์ตัวเลือก

ถ้าแอตทริบิวต์นี้ไม่ได้รับการแม็ป ความสามารถในการแก้ไข(Edit)จะถูกปิดใช้การงาน


รูปที่ 3: CRUD Properties - UI (List)

ชื่อคำอธิบาย
Show Number of Rows In Menu
แสดงจำนวนแถวในเมนู


Performance Warning

Query เพิ่มเติมจะดำเนินการเพื่อส่งกลับจำนวนเรกคอร์ดทุกครั้งที่โหลด Userview

Button Position

  • ด้านบนซ้าย (Top Left)

  • ด้านบนขวา (Top Right)

  • ด้านล่างซ้าย (Bottom Left)

  • ด้านล่างขวา (Bottom Right)

  • ด้านบนซ้าย & ล่างซ้าย (Top Left & Bottom Left)

  • ด้านบนขวา & ด้านล่างขวา (Top Right & Bottom Right)

Selection Type

  • หลายอย่าง (Multiple)

  • เพียงหนึ่ง (Single)

Selector Position

  • ซ้าย (Left)

  • ขวา (Right)

  • ทั้งซ้าย & ขวา (Both let & right)

  • ไม่ต้องการ (No)

Edit Link Label
ชื่อปุ่มแก้ไขการเชื่อมโยงเพื่อแสดงในรายการ
New Record Button Label
ชื่อปุ่มบันทึกใหม่เพื่อแสดงในรายการ
Delete Button Label
ชื่อปุ่มลบเพื่อแสดงในรายการ
Show Delete Button?

เมื่อเลือกปุ่ม delete จะแสดงขึ้นเพื่อให้สามารถลบได้อย่างมีประสิทธิภาพ ถ้าเปิดใช้งาน "แสดงปุ่มลบ" ตัวเลือกต่อไปนี้จะแสดง:

  • ลบข้อมูลตารางที่เกี่ยวข้อง (Delete Associated Grid Data?)
  • ลบข้อมูลแบบฟอร์มรองที่เกี่ยวข้อง (Delete Associated Child Form Data?)
  • ลบไฟล์ (Delete Files?)
  • ยกเลิกกระบวนการทำงานที่เกี่ยวข้อง (Abort Related Running Processes?)
อ่านเพิ่มเติมใน Delete Action.
Custom Header
ส่วนหัวที่กำหนดเองใน HTML เพื่อแสดงด้านบนรายการ
Custom Footerส่วนท้ายที่กำหนดเองใน HTML เพื่อแสดงใต้รายการ


รูปที่ 4: CRUD Properties - Actions (List)

ชื่อคำอธิบาย
More Actions

แอ็ตทริบิวต์นี้อนุญาตให้คุณเพิ่มการดำเนินการเพิ่มเติมลงในรายการ

ชื่อคำอธิบาย
Labelชื่อการเชื่อมโยง
HyperlinkURL ของการเชื่อมโยง
Parameter Name

ชื่อพารามิเตอร์ที่จะเป็นส่วนหนึ่งของการเชื่อมโยง

Column Name

ค่าพารามิเตอร์ที่จะกำหนดให้กับชื่อพารามิเตอร์ที่ประกาศไว้ข้างต้นโดยการกำหนดชื่อคอลัมน์จากรายการข้อมูล

Confirmation Messageข้อความยืนยันก่อนเปิดลิงก์

Example:


รูปที่ 5: CRUD Properties - UI (Add)

ชื่อคำอธิบาย
Cancel Button Labelชื่อปุ่มยกเลิกที่จะแสดงในการเพิ่มฟอร์มเรกคอร์ดใหม่
Save Button Labelชื่อบันทึกปุ่มเพื่อแสดงในการเพิ่มฟอร์มเรกคอร์ดใหม่
Custom Header

ส่วนหัวที่กำหนดเองใน HTML ที่จะแสดงในการเพิ่มฟอร์มเรกคอร์ดใหม่

Custom Footer

ส่วนท้ายที่กำหนดเองใน HTML เพื่อแสดงในการเพิ่มฟอร์มเรกคอร์ดใหม่


รูปที่ 6: CRUD Properties - Actions (Add)

ชื่อคำอธิบาย
Message to show after Form saved

ข้อความที่จะแสดงหลังจากที่ฟอร์มบันทึก

Action to perform after Form saved

  • กลับไปที่รายการ (Return to list)

  • ดำเนินการต่อในการเพิ่มระเบียน (Continue on Adding Record)

  • แสดงในโหมดแก้ไข (Display in Edit Mode)

  • เปลี่ยนเส้นทาง (Redirection)

After Form Saved - Redirection (Hyperlink)

URL ของการเชื่อมโยง

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

Example
userviewFormLink
After Form Saved - Redirection (Parameter Name)

พารามิเตอร์ที่จะถูกผนวกเป็นส่วนหนึ่งของการเชื่อมโยงที่กำหนดไว้ข้างต้น

Example
id
After Form Saved - Redirection (Field Name)

ค่าที่จะกำหนดให้กับพารามิเตอร์ที่กำหนดไว้ข้างต้น

Example
id


รูปที่ 7: CRUD Properties - UI (Edit)

ชื่อคำอธิบาย
Readonly

หากมีการตรวจสอบอย่างมีประสิทธิภาพรูปแบบที่จะถูกแสดงเป็นอ่านอย่างเดียวและไม่สามารถแก้ไขได้อีกต่อไป

Display Fields as Labels when in Readonly?

เมื่อฟอร์มอยู่ในฟอร์มแบบอ่านอย่างเดียวให้กำหนดว่าค่าควรจะแสดงตามที่เป็น (ชื่อแบบฟอร์ม) แทนที่จะถูกล้อมรอบในรูปแบบการป้อนข้อมูลต้นฉบับ

Back Button Label

ชื่อปุ่มย้อนกลับ

Default value: ย้อนกลับ (Back)

Save Button Label
ชื่อปุ่มบันทึก
Default value: บันทึก (Save)
Record Traversing

เปิดใช้งานเรกคอร์ภายในเมื่อดูแต่ละเรกคอร์ดในฟอร์ม

First Record Button Label

ชื่อปุ่มบันทึกแรก

ใช้ได้เฉพาะเมื่อเปิดใช้งานเรกคอร์ภายในเท่านั้น
Default value: เรกคอร์ดแรก (First Record)
Previous Record Button Label
ชื่อปุ่มบันทึกก่อนหน้า
ใช้ได้เฉพาะเมื่อเปิดใช้งานเรกคอร์ภายในเท่านั้น
Default value: เรกคอร์ดก่อนหน้า (Previous Record)
Next Record Button Label
ชื่อปุ่มบันทึกถัดไป
ใช้ได้เฉพาะเมื่อเปิดใช้งานเรกคอร์ภายในเท่านั้น
Default value: เรกคอร์ดถัดไป (Next Record)
Last Record Button Label
ชื่อปุ่มบันทึกล่าสุด
ใช้ได้เฉพาะเมื่อเปิดใช้งานเรกคอร์ภายในเท่านั้น
Default value: เรกคอร์ดสุดท้าย (Last Record)
Custom Header

ส่วนหัวที่กำหนดเองใน HTML เพื่อแสดงเมื่อแก้ไขแต่ละระเบียนในฟอร์ม

Custom Footerส่วนท้ายแบบกำหนดเองใน HTML เพื่อแสดงเมื่อแก้ไขแต่ละระเบียนในฟอร์ม


รูปที่ 8: CRUD Properties - Actions (Edit)

ชื่อคำอธิบาย
Message to show after Form saved

ข้อความที่จะแสดงหลังจากบันทึกฟอร์มแล้ว

Action to perform after Form saved

  • กลับไปที่รายการ (Return to list)

  • ดำเนินการแก้ไขระเบียนต่อไป (Continue on edit record)

  • ดำเนินการแก้ไขระเบียนถัดไป (Continue on edit next record)

  • เปลี่ยนเส้นทาง (Redirection)

After Form Saved - Redirection (Hyperlink)

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

After Form Saved - Redirection (Parameter Name)
พารามิเตอร์ที่จะรวมแล้ว จะใช้ได้ก็ต่อเมื่อการดำเนินการที่จะดำเนินการหลังจากที่บันทึกแบบฟอร์มแล้ว จะถูกตั้งให้เปลี่ยนเส้นทาง
After Form Saved - Redirection (Field Name)

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

More Actions

รวมปุ่มการดำเนินการที่จะเพิ่มลงในส่วนล่างของแบบฟอร์ม

ชื่อคำอธิบาย
Label

ชื่อปุ่มการดำเนินการ

Example: ปุ่มการดำเนินการใหม่ (New Action Button)

HyperlinkURL
Parameter Nameชื่อพารามิเตอร์ที่จะเพิ่มลงใน URL ที่กำหนดไว้ข้างต้น
Field Name

รหัสฟิลด์ที่ติดต่อกับแบบฟอร์มเพื่อดึงข้อมูลค่าและตั้งค่าเป็นพารามิเตอร์ข้างต้น

Confirmation Message

ข้อความยืนยันการแจ้งก่อนดำเนินการต่อหลังจากคลิกที่ปุ่ม

Example:

เมื่อคลิกปุ่มดังกล่าวแบบฟอร์มจะไม่ถูกบันทึก


รูปที่ 9: CRUD Properties - Advanced

ชื่อคำอธิบาย
Userview Key Nameกำหนดชื่อคอลัมน์เพื่อกรองข้อมูลล่วงหน้าโดยใช้ค่าคีย์ ๊serview

ภาพหน้าจอจาก http://localhost:8080/jw/web/console/app/expenseclaim/1/userview/builder/home




  • No labels