Versions Compared

Old Version 1

changes.mady.by.user Hugo

Saved on

compared with

New Version Current

changes.mady.by.user Nitchakan Maneelam

Saved on

Key

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

With CRUD, one will not need to do all the manual wiring in constructing a CRUD entity. This element equips you with plenty of customization, making sure that you can achieve what you want. คุณไม่จำเป็นต้องเขียนโครงสร้างด้วยตัวเองทั้งหมดในการสร้างเอนทิตี CRUD องค์ประกอบนี้ช่วยให้คุณมีการปรับแต่งมากมายให้คุณสามารถบรรลุสิ่งที่คุณต้องการ

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titlePerformance

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

อ่านเพิ่มเติมได้ที่ 

You can configure the Performance settings in this Userview Element to cache existing content for improved performance and loading speed.

Read more at Performance Improvement with Userview Caching.


Figure รูปที่ 1: Screenshot showing CRUD taken from the sample ภาพหน้าจอแสดง CRUD จาก HR Expenses Claim app 


Figure รูปที่ 2: CRUD Properties

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

Item link slug.

Optional field.

 ฟิลด์ตัวเลือก

Info
titleUnique field

Value defined here must be unique to the rest of the Userview Menus as the first matching name will be called upon.

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

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

Target form to open when adding new record. Optional field.

If this attribute is not mapped, then ability to Add is disabled.

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

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

Form (Edit)

Target form to open when editing existing record. Optional field.

If this attribute is not mapped, then ability to Edit is disabled.

 

Image Removed

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

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


Image Added

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

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


Info
titlePerformance Warning
Additional query will be performed to return record count every time the Userview loads.

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
Edit Link Button Label to show in listing.
ชื่อปุ่มแก้ไขการเชื่อมโยงเพื่อแสดงในรายการ
New Record Button Label
New Record Button Label to show in listing.
ชื่อปุ่มบันทึกใหม่เพื่อแสดงในรายการ
Delete Button Label
Delete Button Label to show in listing.
ชื่อปุ่มลบเพื่อแสดงในรายการ
Show Delete Button?
When checked, the delete button will be shown, effectively enabling the deletion capability. If "Show Delete Button" is enabled, the following options will be shown:

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

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

...

ส่วนท้ายที่กำหนดเองใน HTML เพื่อแสดงใต้รายการ


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

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

This attribute allows you to add more actions into the listing.

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

ชื่อคำอธิบาย
NameDescription
Label
Link label.
ชื่อการเชื่อมโยง
Hyperlink
Hyperlink
URL
.
ของการเชื่อมโยง
Parameter Name
Parameter name to be part of the hyperlink.

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

Column Name
Parameter value to be assigned to the parameter name declared above by defining the column name from the Data List.

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

Confirmation Message
Confirmation message before opening the link.
ข้อความยืนยันก่อนเปิดลิงก์

Example:

Image Modified

 


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

Name
ชื่อ
Description
คำอธิบาย
Cancel Button Label
Cancel Button Label to show in add new record form.
ชื่อปุ่มยกเลิกที่จะแสดงในการเพิ่มฟอร์มเรกคอร์ดใหม่
Save Button Label
Save Button Label to show in add new record form.
ชื่อบันทึกปุ่มเพื่อแสดงในการเพิ่มฟอร์มเรกคอร์ดใหม่
Custom Header
Custom Header in HTML to show in add new record form.

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

Custom Footer
Custom Footer in HTML to show in add new record form.

...

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


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

Name
ชื่อ
Description
คำอธิบาย
Message to show after Form saved
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)

Hyperlink URL.

This option is only active when "Action to perform after Form saved" is set to "Redirection".

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

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

Code Block
titleExample
userviewFormLink
After Form Saved - Redirection (Parameter Name)
Parameter to be appended as part of the link defined above.

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

Code Block
titleExample
id
After Form Saved - Redirection (Field Name)
Value to be assigned to the parameter defined above.

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

Code Block
titleExample
id

...


Figure รูปที่ 7: CRUD Properties - UI (Edit)
Name
ชื่อ
Description
คำอธิบาย
Readonly
If checked, effectively, the form will be rendered as read only and not editable anymore.
หากมีการตรวจสอบอย่างมีประสิทธิภาพรูปแบบที่จะถูกแสดงเป็นอ่านอย่างเดียวและไม่สามารถแก้ไขได้อีกต่อไป
Display Fields as Labels when in Readonly?
When the form is in read only form, determines if values should be displayed as it is (label form) instead of being bounded in original input form.
เมื่อฟอร์มอยู่ในฟอร์มแบบอ่านอย่างเดียวให้กำหนดว่าค่าควรจะแสดงตามที่เป็น (ชื่อแบบฟอร์ม) แทนที่จะถูกล้อมรอบในรูปแบบการป้อนข้อมูลต้นฉบับ
Back Button Label
Back Button Label
ชื่อปุ่มย้อนกลับ
Default value: ย้อนกลับ (Back)
Save Button Label
Save Button Label
ชื่อปุ่มบันทึก
Default value: บันทึก (Save)
Record Traversing
Enable record traversing when viewing a individual record in its form.
เปิดใช้งานเรกคอร์ภายในเมื่อดูแต่ละเรกคอร์ดในฟอร์ม
Image Modified
First Record Button Label
First Record Button Label.
Only applicable when Record Traversing is enabled.
ชื่อปุ่มบันทึกแรก
ใช้ได้เฉพาะเมื่อเปิดใช้งานเรกคอร์ภายในเท่านั้น
Default value: เรกคอร์ดแรก (First Record)
Previous Record Button Label
Previous Record Button Label.
ชื่อปุ่มบันทึกก่อนหน้า
ใช้ได้เฉพาะเมื่อเปิดใช้งานเรกคอร์ภายในเท่านั้น
Only applicable when Record Traversing is enabled.Only applicable when Record Traversing is enabled.
Default value: เรกคอร์ดก่อนหน้า (Previous Record)
Next Record Button Label
Next Record Button Label.
ชื่อปุ่มบันทึกถัดไป
ใช้ได้เฉพาะเมื่อเปิดใช้งานเรกคอร์ภายในเท่านั้น
Only applicable when Record Traversing is enabled.
Default value: เรกคอร์ดถัดไป (Next Record)
Last Record Button Label
Last Record Button Label.
ชื่อปุ่มบันทึกล่าสุด
ใช้ได้เฉพาะเมื่อเปิดใช้งานเรกคอร์ภายในเท่านั้น

Default value: เรกคอร์ดสุดท้าย (Last Record)
Custom Header
Custom Header in HTML to show when editing an individual record in a form.
ส่วนหัวที่กำหนดเองใน HTML เพื่อแสดงเมื่อแก้ไขแต่ละระเบียนในฟอร์ม
Custom Footer
Custom Footer in HTML to show when editing an individual record in a form. 
...
ส่วนท้ายแบบกำหนดเองใน HTML เพื่อแสดงเมื่อแก้ไขแต่ละระเบียนในฟอร์ม

Figure รูปที่ 8: CRUD Properties - Actions (Edit)
Name
ชื่อ
Description
คำอธิบาย
Message to show after Form saved
Message to show after Form is 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 
 to redirect to after submission. Only applicable when Action to perform after Form saved is set to Redirection
 ที่จะเปลี่ยนเส้นทางไปหลังจากการส่ง จะใช้ได้ก็ต่อเมื่อการดำเนินการที่จะดำเนินการหลังจากที่บันทึกแบบฟอร์มแล้ว จะถูกตั้งให้เปลี่ยนเส้นทาง.
After Form Saved - Redirection (Parameter Name)
Parameter to be included. Only applicable when Action to perform after Form saved is set to Redirection.
พารามิเตอร์ที่จะรวมแล้ว จะใช้ได้ก็ต่อเมื่อการดำเนินการที่จะดำเนินการหลังจากที่บันทึกแบบฟอร์มแล้ว จะถูกตั้งให้เปลี่ยนเส้นทาง
After Form Saved - Redirection (Field Name)
Parameter value to be assigned to the parameter above by defining a field ID from the form. Only applicable when Action to perform after Form saved is set to Redirection.
ค่าพารามิเตอร์ที่จะกำหนดให้กับพารามิเตอร์ข้างต้นโดยการกำหนดรหัสฟิลด์จากแบบฟอร์ม จะใช้ได้ก็ต่อเมื่อการดำเนินการที่จะดำเนินการหลังจากที่บันทึกแบบฟอร์มแล้ว จะถูกตั้งให้เปลี่ยนเส้นทาง.
More Actions
Include action buttons to be added into the bottom of the form.
รวมปุ่มการดำเนินการที่จะเพิ่มลงในส่วนล่างของแบบฟอร์ม
ชื่อคำอธิบาย
NameDescription
Label
Action button label.
ชื่อปุ่มการดำเนินการ
Example: ปุ่มการดำเนินการใหม่ (New Action Button)
HyperlinkURL
Parameter Name
Parameter name to be added to the URL defined above.
ชื่อพารามิเตอร์ที่จะเพิ่มลงใน URL ที่กำหนดไว้ข้างต้น
Field Name
Field ID correspondent to the form to retrieve value from and set to the parameter above.
รหัสฟิลด์ที่ติดต่อกับแบบฟอร์มเพื่อดึงข้อมูลค่าและตั้งค่าเป็นพารามิเตอร์ข้างต้น
Confirmation Message
Confirmation message to prompt before proceeding after clicking on the button.
ข้อความยืนยันการแจ้งก่อนดำเนินการต่อหลังจากคลิกที่ปุ่ม
Example:
Image Modified
 Info
When such button is clicked, the form will not be saved.
...
เมื่อคลิกปุ่มดังกล่าวแบบฟอร์มจะไม่ถูกบันทึก

Figure รูปที่ 9: CRUD Properties - Advanced
Name
ชื่อ
Description
คำอธิบาย
Userview Key Name
Define a column name to pre-filter the datalist against using the userview key value.
กำหนดชื่อคอลัมน์เพื่อกรองข้อมูลล่วงหน้าโดยใช้ค่าคีย์ ๊serview
ภาพหน้าจอจาก Screenshots taken from http://localhost:8080/jw/web/console/app/expenseclaim/1/userview/builder/home