| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
Grid enables one to capture structured and related data. |
...
Figure 1: Screenshot highlighting Grid in sample HR Expenses Claim app
| |
表格 能够捕获结构化的和其相关的数据。 |
图1：示例HR费用声明应用程序中的 表格截图
图2：表格属性Figure 2: Grid Properties
| Name | Description |
|---|---|
| IDElement ID | (By declaring as "approval_comments", a corresponding database table column "c元素ID（通过声明为“approval_comments”，将创建相应的数据库表列“c_approval_comments" will be created)comments”） |
| LabelElement Label to be displayed to end user. | 元素标签显示给最终用户 |
| Options | Column definition and column label. Column name is defined in the value column whereas the corresponding label is defined in the label column. |
Figure 3: Grid Properties - UI & Validation
列定义和列标签。 列名是在值列中定义的，而相应的标签是在标签列中定义的。 |
图3：表格属性 - UI和验证
| 名称 | 描述 | ||||||
|---|---|---|---|---|---|---|---|
| Readonly | 确定元素是否可编辑。 | ||||||
| Validator | 附加一个Validator插件来验证输入值。 | ||||||
| Name | Description | ||||||
| Readonly | Determines if the element is editable. | ||||||
| Validator | Attach a Validator plugin to validate the input value.
| ||||||
| 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 MessageError message | to be shown when row requirements set above is not met.当不满足上述行要求时，将显示错误消息。 |
Figure 4: Grid Properties - Data Binder
图4：表格属性 - 数据绑定器
| 名称 | 描述 | Name | Description |
|---|---|---|---|
| Load Binder | 默认选项。表格数据将在其定义的数据库单元中以JSON格式保存/加载。 在这个例子中，Multirow Form Binder被用来从其他表单加载数据。 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. | ||
| Store Binder | Option by default. Grid data will be saved/loaded in JSON format in its defined database cell.默认选项。表格数据将在其定义的数据库单元中以JSON格式保存/加载。 |
Figure 5: Grid Properties - Data Binder - Multirow Form Binder
图5：表格属性 - 数据绑定器 - 多行表单绑定器
| 名称 | 描述 |
|---|---|
| Form | 存储到或从中加载的表单 |
| Name | Description |
| Form | Form to store to or load from |
| Foreign KeyForeign Key for records lookup. | 用于记录查找的外键 |
Screenshots taken from http://localhost:8080/jw/web/console/app/hr_expense/1/form/builder/hr_expenses_approval_detail