Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

Advanced Grid is best described as a Grid with rich inline editing transformation. Depending on the target field, the Advanced Grid element would mimic the original target type for accurate and richer data entry capability.

Info
titleNew Feature

Newly introduced in Joget Workflow v5

...

高级表格最好被描述为一个 具有丰富的内嵌编辑转换的  Grid。根据目标字段,高级网格元素将模拟原始目标类型,以获得准确和更丰富的数据输入能力。

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
title新功能

这个特性在Joget Workflow v6中得到了增强。

  1. 列格式类型。
  2. 从目标表单填充默认值。
  3. 默认排序列号。

 

Image Added

图1:在Form Builder中突出显示高级表格的屏幕截图


Image Added

图2:突出显示Form Builder中日期选取器元素上高级表格的屏幕截图

日期选取器将在编辑时显示,因为源字段本身是日期选取器元素。

Image Added

图3:突出显示Form Builder中的选择框元素上的高级表格的屏幕截图

选择框将在编辑时显示,因为源字段本身是选择框元素

Image Added

图4:高级表格属性

Figure 1: Screenshot highlighting Advanced Grid in Form Builder

Image Removed

Figure 2: Screenshot highlighting Advanced Grid in actual Form

Image Removed

Figure 3: Screenshot highlighting Advanced Grid on Date Picker element in Form Builder

...

Image Removed

Figure 4: Screenshot highlighting Advanced Grid on Select Box element in Form Builder

A Select Box will show up when editing as the source field itself is a select box element.

Image Removed

Figure 5: Advanced Grid Properties

NameDescription
IDElement ID (By declaring as "entries", a corresponding database table column "c_entries" will be created)
LabelElement Label to be displayed to end user.
FormTarget form for record editing.
元素ID(通过声明为“entries”,将创建相应的数据库表列“c_entries”)
Label元素标签显示给最终用户
Form记录编辑的目标表单。
Columns

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

Columns

The columns defined here must be correspondent to the Form chosen above.

NameDescription
Value

Field ID of the target form.

Example:

In "HR Expense Claim Entry" form, there are Form Elements with the ID "date", "category", "purpose", and "formattedAmount"

LabelColumn Label.

目标表单的字段ID。

例:

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

Label列标签。
格式类型

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

可用的格式类型

  • 日期  - 将字段格式化为日期。
  • 十进制 - 将字段格式化为十进制。
Width

列宽以字符为单位

Width

Column width in characters.

Code Block
titleSample
200px

Image Removed

Image Added

图5:高级表格属性 Figure 6: Advanced Grid Properties - UI

Name名称Description描述
SearchEnable search capability within the grid data itself.在网格数据本身内启用搜索功能。
Readonly

Determines if the element is editable.确定元素是否可编辑。

Disable Add FeatureDetermines if a new row can be added.确定是否可以添加新行。
Disable Delete Feature

确定是否可以删除一行。

默认排序列号

定义列索引以进行缺省排序。该字段只接受从1开始的整数。

例如:如果网格有5列,输入“4”将按升序排列从左边开始的第4列。

按降序排序?此选项仅在“默认排序列号”中输入后才可用。请按照降序排序进行排序。Determines if a row can be removed.
Delete confirmation messageConfirmation message when deleting a row.删除一行时的确认消息。
Show Row Numbering?Shows numbering on the grid.在网格上显示编号。
Key to save cellKeyboard key to use to determine when to save and move on to the next cell.键盘键用于确定何时保存并移动到下一个单元格。
Edit hintEdit hint message.编辑提示信息。
Record Per PagePaging Parameter - Record to show per Page页面参数 - 记录显示每页
Paging OptionsPaging Parameter 页面参数 - Paging Options寻呼选项

Figure 7: Advanced Grid Properties - Validation & Data Binder

图6:高级网格属性 - 验证和数据绑定

名称描述
Validator

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

 

NameDescription
ValidatorAttach a Validator plugin to validate the input value.

Info
titleWhen will validation takes place?

Validation will takes place whenever form is submitted except when it is submitted as "Save as Draft".除非提交表格为“另存为草稿”,否则将在提交表格时进行验证。

Unique ColumnColumn/Field ID to identify record ID.列/字段ID来标识记录标识。
Min Number of Row Validation (Integer)
Min Number of Row Validation (Integer)
最小行数验证(整数)
Max Number of Row Validation (Integer)Max Number of Row Validation (Integer)
最大行数验证(整数)
Error Message
Error message
to be shown when row requirements set above is not met.当不满足上述行要求时,将显示错误消息。
Load Binder

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

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

Option by default. Grid data will be saved/loaded in JSON format in its defined database cell.

In this example, Multirow Form Binder is used to load data from other form. See list of available 表单绑定器.

Store Binder

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

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

Option by default. Grid data will be saved/loaded in JSON format in its defined database cell.

In this example, Multirow Form Binder is used to load data from other form. See list of available 表单绑定器.