| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
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.高级表格最好被描述为一个 具有丰富的内嵌编辑转换的 Grid。根据目标字段，高级网格元素将模拟原始目标类型，以获得准确和更丰富的数据输入能力。 |
| Info | ||
|---|---|---|
| ||
| Newly introduced in Joget Workflow v5v5新推出 |
Figure 1: Screenshot highlighting Advanced Grid in Form Builder
图1：在Form Builder中突出显示高级表格的屏幕截图
Figure 2: Screenshot highlighting Advanced Grid in actual Form图2：突出显示实际表单中的高级表格的屏幕截图
Figure 3: Screenshot highlighting Advanced Grid on Date Picker element in Form Builder
...
图3：突出显示Form Builder中日期选取器元素上高级表格的屏幕截图
日期选取器将在编辑时显示，因为源字段本身是日期选取器元素。
图4：突出显示Form Builder中的选择框元素上的高级表格的屏幕截图
选择框将在编辑时显示，因为源字段本身是选择框元素。
图5：高级表格属性
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.
Figure 5: Advanced Grid Properties
| Name | Description | ||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ID | Element ID (By declaring as "entries", a corresponding database table column "c_entries" will be created) | ||||||||||||||||||||
| Label | Element Label to be displayed to end user. | ||||||||||||||||||||
| Form | Target form for record editing. | ||||||||||||||||||||
| 元素ID（通过声明为“entries”，将创建相应的数据库表列“c_entries”） | |||||||||||||||||||||
| Label | 元素标签显示给最终用户 | ||||||||||||||||||||
| Form | 记录编辑的目标表单。 | ||||||||||||||||||||
| Columns | 这里定义的列必须与上面选择的表格相对应。 | Columns | The columns defined here must be correspondent to the Form chosen above.
|
Figure 6: Advanced Grid Properties 图6：高级表格属性 - UI
| Name名称 | Description描述 |
|---|---|
| Search | Enable search capability within the grid data itself.在网格数据本身内启用搜索功能。 |
| Readonly | Determines if the element is editable.确定元素是否可编辑。 |
| Disable Add Feature | Determines if a new row can be added.确定是否可以添加新行。 |
| Disable Delete Feature | 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
图7：高级网格属性 - 验证和数据绑定
| 名称 | 描述 | |||||
|---|---|---|---|---|---|---|
| Validator | 附加一个Validator插件来验证输入值。
| |||||
| Name | Description | |||||
| Validator | Attach a Validator plugin to validate the input value.
| |||||
| 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 表单绑定器. |