| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
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. |
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
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 HR Expenses Claim app
| Info | ||
|---|---|---|
| ||
In Joget Workflow v5, the delete function is now able to delete dependency data. |
Figure 2: CRUD Properties
...
| Name | Description | |||||
|---|---|---|---|---|---|---|
Show Number of Rows In Menu | Show Number of Rows In Menu.
| |||||
| Button Position |
| |||||
| Selection Type |
| |||||
| Selector Position |
| |||||
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:
| |||||
Custom Header | Custom Header in HTML to show above the listing. | |||||
| Custom Footer | Custom Footer in HTML to show below the listing. |
Figure 4: CRUD Properties - Actions (List)
| Name | Description | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| More Actions | This attribute allows you to add more actions into the listing.
Example:
|
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. |
| Custom Footer | Custom Footer in HTML to show in add new record form. |
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 |
| |||||
After Form Saved - Redirection (Hyperlink) | Hyperlink URL. This option is only active when "Action to perform after Form saved" is set to "Redirection".
| |||||
After Form Saved - Redirection (Parameter Name) | Parameter to be appended as part of the link defined above.
| |||||
After Form Saved - Redirection (Field Name) | Value to be assigned to the parameter defined above.
|
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.
|
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 Header | Custom Header in HTML to show when editing an individual record in a form. |
| Custom Footer | Custom Footer in HTML to show when editing an individual record in a form. |
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 |
| ||||||||||||||
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.
Example:
|
Figure 9: CRUD Properties - Advanced
...
Screenshots taken from http://localhost:8080/jw/web/console/app/expenseclaim/1/userview/builder/home
...
...
| borderColor | purple |
|---|---|
| borderWidth | 1 |
| titleBGColor | #ddccff |
| borderStyle | solid |
| title | Performance |
...