表单表格 扩展了典型网格元素的默认功能。与只接受其输入的标准文本字段的通用网格元素不同，增强型网格表单元素通过引用另一个表单元素来捕获数据。因此，可以充分利用典型的表单元素提供的内容，例如验证和格式化。

New feature added in Joget Workflow v6.

  • Paging
  • Delete Options
  • Multiple Lines Format Type


图1：示例HR费用声明应用程序中的表单网格屏幕截图

图2：样本人力资源费用索赔应用程序中的表格网格屏幕截图 - 添加新行

图3：表单表格属性

NameDescription
ID元素ID（通过声明为“entries”，将创建相应的数据库表列“c_entries”）
Label元素标签显示给最终用户。
FormTarget form to reference to.
Columns

这里定义的列必须与上面选择的表格相对应

NameDescription
Value

目标表单的字段ID。

例：

在“HR费用索赔条目”表格中,有表单元素 ID "date", "category", "purpose", and "formattedAmount"

Label列标签。
Format Type

如果你想格式化返回的值，你可以使用格式类型。

默认选择：文本。

可用的格式类型

  • Text -将文本格式的值设置为文本
  • HTML -  以HTML 格式输出数据
  • Date - 格式为日期。“ Format”字段中应包含原始日期和新的日期格式。
    Format: （输入格式）|（输出格式）
    使用示例：
    原始值: 5/23/2012
    预期值: 2012/5/23
    格式: M/d/y|y/M/d
    注意: 请参阅java 用于日期格式的SimpleDateFormat。
  • Decimal - 格式为十进制。预期在“ Format”字段中的小数位数。

  • File -  显示值作为附件的链接。 在“ Format”字段中预期Form Def ID

    指定包含实际“ 文件上载”表单元素的Form Def ID。

  • Image - 将该值显示为附件的缩略图。 在“Format”字段中预期表单定义ID。

    指定包含实际 Image Upload / File Upload 表单元素的 Form Def ID.

  • Options - 根据给定的值显示多选元素的标签。 在“格式”字段中预期表单定义ID。

    Specify the Form Def ID that contains the actual Select Box / Radio / Check Box form element.

 

该选项的格式类型在Joget工作流程V5新引进的。

下面的屏幕截图显示了一个添加了来自选择框的值的条目。

以下截图显示了使用“ Options ”格式类型捕获的值的相应标签。

Format根据您选择的格式类型，可能会在此处输入其他参数。
Width

列宽以字符为单位

200px

 

图4：表单网格属性 - UI

NameDescription
Enable Sorting Feature确定是否强制执行行的排序。
Field ID for Sorting字段保持排序顺序; 必须与目标表单中的字段ID相对应。
Form Submit Button Label (Normal Mode)正常模式下的提交按钮的标签。
Form Submit Button Label (Readonly Mode)

只读模式下的提交按钮的标签。

Display field as Label when readonly?Displays the value of the element as plain text when element is set to "Readonly".
Popup Dialog Height

以字符为单位指定高度。

200px
Popup Dialog Width

以字符为单位指定宽度。

200px
Readonly

确定元素是否可编辑。

Disable Add Feature确定是否可以添加新行。
Disable Delete Feature

确定是否可以删除一行。

Delete confirmation message删除一行时的确认消息。
Show Row Numbering?在表格上显示编号。
Paging SizeItems to be displayed per page.

 

图5：表格表格属性 - 验证和数据绑定

NameDescription
Validator

附加一个Validator插件来验证输入值。

除非提交表格为“另存为草稿”，否则将在提交表格时进行验证。

Unique Column列/字段ID来标识记录标识。
Min Number of Row Validation (Integer)
最小行数验证（整数）
Max Number of Row Validation (Integer)
最大行数验证（整数）
Error Message
当不满足上述行要求时，将显示错误消息。
Load Binder

默认选项。表格数据将在其定义的数据库单元中以JSON格式保存/加载

在这个例子中，Multirow表格绑定器被用来加载其他表格的数据。请参阅可用表单绑定器列表。

Store Binder

默认选项。表格数据将在其定义的数据库单元中以JSON格式保存/加载

在这个例子中，Multirow表格绑定器被用来加载其他表格的数据。请参阅可用表单绑定器列表。

Delete Associated Grid Data?

If the popup form have grid element(s), this option will delete the inner grid data.

These 3 options: (Delete Associated Grid Data, Delete Associated Child Form Data, Delete Files), in combination, does apply to nested grid/child elements.

These options traverses the entire form tree. Upon encountering a 'false' condition, it will move on to the next grid/child element.

Example: Consider that the popup form has a form grid, form grid has a subform, subform has a file upload element with abc.pdf. If all options are checked, abc.pdf will be deleted. If all except ONE of the option is checked, abc.pdf will NOT be deleted.

Delete Associated Child Form Data?

If the popup form have child element(s), this option will delete the child data.

These 3 options: (Delete Associated Grid Data, Delete Associated Child Form Data, Delete Files), in combination, does apply to nested grid/child elements.

Delete Files?

If the popup form contains file upload element, this option will delete the actual uploaded file(s).

These 3 options: (Delete Associated Grid Data, Delete Associated Child Form Data, Delete Files), in combination, does apply to nested grid/child elements.

Abort Related Running Processes?If there are process instances related to the deleted row, this options will abort those process instances.

图6：表单表格属性 - 加载绑定器 - 多行表单绑定器

NameDescription
Form存储到或从中加载的表单
Foreign Key用于记录查找的外键。

图6：表单表格属性 - 存储绑定器 - 多行表单绑定器

NameDescription
Form存储到或从中加载的表单
Foreign Key用于记录查找的外键。


从  Joget Workflow Marketplace下载表格教程应用程序   以了解更多信息。