Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

使用CRUD,在构建一个CRUD实体时,不需要做大量的代码编写。这个元素为你提供了大量的定制,确保你可以达到你想要的。

Image Added

图1:截屏显示从人力资源开支申报应用程序中抽取的CRUD

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.

Image Removed

Figure 1: Screenshot showing CRUD taken from the sample HR Expenses Claim app

Info
titleWhat's new in Joget Workflow v5v5有什么新功能

In Joget Workflow v5, the delete function is now able to delete dependency data.在Joget Workflow v5中,删除功能现在可以删除依赖关系数据。

Figure 2: CRUD Properties

图2:CRUD属性

名称描述
自定义ID

可选字段。

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

LabelMenu label. Mandatory field.
ListDatalist to load. Mandatory field.
Form (Add)

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

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

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

Figure 3: CRUD Properties - UI (List)

独特的领域

在这里定义的值必须是唯一的用户视图菜单的其余部分,因为第一个匹配的名称将被调用。

标签菜单标签。必填项。
名单数据列表。必填项。
表格(添加)

添加新记录时打开目标表单。可选字段。

如果此属性未映射,则“添加”功能将被禁用。

表格(编辑)

目标表单在编辑现有记录时打开。可选字段。

如果此属性未映射,则“编辑”功能将被禁用。

Image Added

图3:CRUD属性 - UI(列表)

名称
描述
在菜单中显示行数
在菜单中显示行数。
NameDescription
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.

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

Image Removed

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 Removed

Image Removed

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.

Image Removed

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

Image Removed

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 Removed

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. 

Image Removed

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 Removed

Info

When such button is clicked, the form will not be saved.

Image Removed

Figure 9: CRUD Properties - Advanced

NameDescription
Userview Key NameDefine a column name to pre-filter the datalist against using the userview key value.
性能警告

每次用户视图加载时,将执行额外的查询以返回记录计数。

按钮位置
  • 左上方
  • 右上
  • 左下方
  • 底部右侧
  • 左上角和左下角
  • 右上角和右下角
选择类型
选择器位置
  • 剩下
  • 都让和正确
  • 没有
编辑链接标签
编辑链接标签显示在列表中。
新记录按钮标签
新记录按钮标签显示在列表中。
删除按钮标签
删除按钮标签显示在列表中。
显示删除按钮?
选中时,将显示删除按钮,有效启用删除功能。
自定义标题
HTML中的自定义标题显示在列表中。
自定义页脚HTML中的自定义页脚显示在列表中。


Image Added

图4:CRUD属性 - 动作(列表)

名称
描述
更多操作

该属性允许您在列表中添加更多操作。

名称
描述
标签链接标签。
超链接超链接网址。
参数名称参数名称是超链接的一部分。
列名称通过定义数据列表中的列名来分配给上面声明的参数名的参数值。
确认消息打开链接前的确认信息。

例如

Image Added


Image Added

图5:CRUD属性 - UI(添加)

名称
描述
取消按钮标签取消按钮标签显示添加新的记录表格。
保存按钮标签保存按钮标签显示添加新的记录形式。
自定义标题在HTML中自定义标题以添加新记录的形式显示。
自定义页脚HTML中的自定义页脚显示添加新的记录形式。


Image Added

图6:CRUD属性 - 操作(添加)

名称描述
在保存表单后显示的信息
在保存表单后显示的信息。
表单保存后执行的操作
  • 返回列表
  • 继续添加记录
  • 在编辑模式下显示
  • 重定向
表单保存后 - 重定向(超链接)

超链接网址。

此选项仅在“ 保存表单后执行的操作 ”设置为“ 重定向 ” 时才有效。

Code Block
title
userviewFormLink
表格保存后 - 重定向(参数名称)

作为上面定义的链接的一部分添加的参数。

Code Block
title
id
表格保存后 - 重定向(字段名称)

将值分配给上面定义的参数。

Code Block
title
id

Image Added

图7:CRUD属性 - UI(编辑)

名称
描述
只读如果选中,则表单将被呈现为只读且不可编辑。
在只读时将字段显示为标签?
当表单处于只读形式时,确定值是否应该显示(标签形式),而不是以原始输入形式限定。
后退按钮标签

后退按钮标签

默认值:返回

保存按钮标签
保存按钮标签
默认值:保存
记录遍历

查看单个记录时,启用记录遍历。

Image Added

第一个记录按钮标签
第一个记录按钮标签。
仅在启用记录遍历时适用。
默认值:第一条记录
上一个录制按钮标签
上一个录制按钮标签。
仅在启用记录遍历时适用。
默认值:上一个记录
下一个记录按钮标签
下一个记录按钮标签。
仅在启用记录遍历时适用。
默认值:下一个记录
上次录制按钮标签
上次录制按钮标签。
仅在启用记录遍历时适用。
默认值:最后一个记录
自定义标题HTML中的自定义标题可以在窗体中编辑单个记录时显示。
自定义页脚HTML中的自定义页脚在编辑表单中的单个记录时显示。 


Image Added

图8:CRUD属性 - 操作(编辑)

名称描述
在保存表单后显示的信息保存表单后显示的信息

表单保存后执行的操作

  • 返回列表
  • 继续编辑记录
  • 继续编辑下一个记录
  • 重定向
表单保存后 - 重定向(超链接)
提交后重定向到的URL。只有当 表格保存后执行的操作设置为重定向时才适用。
表格保存后 - 重定向(参数名称)
要包含的参数。只有当 表格保存后执行的操作设置为重定向时才适用。
表格保存后 - 重定向(字段名称)
通过从表单中定义一个字段ID来分配给上述参数的参数值。只有当 表格保存后执行的操作设置为重定向时才适用。
更多操作

包括要添加到表单底部的操作按钮。

名称描述
标签

行动按钮标签。

例如:新的动作按钮

超链接网址
参数名称要添加到上面定义的URL的参数名称。
字段名称字段ID对应于从上面的参数中检索值并设置的形式。
确认消息点击按钮后继续确认消息提示。

:

Image Added

Info

当这样的按钮被点击时,表单将不会被保存。

Image Added

 

图9:CRUD属性 - 高级

名称
描述
用户视图键名称定义一个列名,以防止使用userview键值对数据列表进行过滤。

截图取自http:// localhost:8080 Screenshots taken from http://localhost:8080 / jw / web / console / app / hr_expense / 1 / userview / builder / hr_expense_userview

...

borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titlePerformance

...

性能

您可以在此UserView元素中配置“ 性能”设置,以允许缓存现有内容以提高性能和加载速度。使用Userview缓存进行性能改进,了解更多信息。

...