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


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

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

图3：表单表格属性

NameDescription
ID元素ID（通过声明为“entries”，将创建相应的数据库表列“c_entries”）
Label元素标签显示给最终用户。
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 - 将该值显示为附件的缩略图。 在“格式”字段中预期表单定义ID。

    Specify the Form Def ID that contains the actual Image Upload / File Upload form element.

  • 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)

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

Popup Dialog Height

以字符为单位指定高度。

200px
Popup Dialog Width

以字符为单位指定宽度。

200px
Readonly

确定元素是否可编辑。

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

确定是否可以删除一行。

Delete confirmation message删除一行时的确认消息。
Show Row Numbering?在表格上显示编号。

图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表格绑定器被用来加载其他表格的数据。请参阅可用表单绑定器列表。

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

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

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

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


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