Versions Compared

Old Version 1

changes.mady.by.user Hugo

Saved on

compared with

New Version 2

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 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.
Custom FooterCustom Footer in HTML to show below the listing.

...


Figure 4: CRUD Properties - Actions (List)

NameDescription
More Actions

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

NameDescription
LabelLink label.
HyperlinkHyperlink URL.
Parameter NameParameter name to be part of the hyperlink.
Column NameParameter value to be assigned to the parameter name declared above by defining the column name from the Data List.
Confirmation MessageConfirmation message before opening the link.

Example:

Image Modified

 


Figure 5: CRUD Properties - UI (Add)

NameDescription
Cancel Button LabelCancel Button Label to show in add new record form.
Save Button LabelSave Button Label to show in add new record form.
Custom HeaderCustom Header in HTML to show in add new record form.
Custom FooterCustom Footer in HTML to show in add new record form.

...


Figure 6: CRUD Properties - Actions (Add)

NameDescription
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".

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)
NameDescription
ReadonlyIf 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.
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.
Only applicable when Record Traversing is enabled.
Default value: Last Record
Custom HeaderCustom Header in HTML to show when editing an individual record in a form.
Custom FooterCustom Footer in HTML to show when editing an individual record in a form.
 
 

Figure 8: CRUD Properties - Actions (Edit)
NameDescription
Message to show after Form savedMessage 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 NameParameter name to be added to the URL defined above.
Field NameField ID correspondent to the form to retrieve value from and set to the parameter above.
Confirmation MessageConfirmation 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
NameDescription
Userview Key NameDefine a column name to pre-filter the datalist against using the userview key value.
Screenshots taken from http://localhost:8080/jw/web/console/app/expenseclaim/1/userview/builder/home