在 HighReport 中,表单填报通常分为两种方式:
-
行内填报模式:用户可直接在页面中新增一行进行数据录入,并可在表格行内直接编辑内容以完成修改操作。
-
弹窗填报模式(表单CRUD):用户通过点击“新增”按钮,在弹出的对话框中填写并提交数据;点击“编辑”按钮时,弹窗中会自动回显已有数据,用户可在此基础上进行修改。
行内填报
配置按钮
在表单填报的基础上新增上新增添加行、插入行和删除行按钮。
基础表单填报请参考:
添加行设置
点击“模板——>填报属性”打开填报属性菜单,在填报参数中切换到插入行设置:
点击添加按钮为每一列设置默认值(不设置的话会默认复制第一行数据),
单元格:指数据所在的具体单元格位置。
类型:在点击“添加行”或“插入行”时,可以设置该单元格的类型,包括:空值、拓展属性置空和js公式。
表达式:当类型设置为 JS公式 时,可在表达式中编写逻辑。例如,为“创建时间(I3列)”设置默认值为当前日期,可以在表达式中输入:“=now()”,系统将在该单元格自动填充当前日期。
单元格填报
以上均设置完成后点击预览,查看该报表
1. 添加数据
点击“添加行”按钮,在表格最后一行输入需要添加的数据。编辑完成后,点击“保存”按钮以提交数据。
注:如果主键为自增类型,在设置填报属性时,只需勾选“插入忽略”选项,系统将自动跳过该字段的赋值,由数据库完成自增。
2. 插入数据
如果不希望默认将数据添加到表格末尾,可以使用“插入行”功能。
操作步骤如下:
-
在表格中选择任意一行;
-
点击“插入行”按钮,系统将在所选行上方新增一行;
-
在新增行中输入需要添加的数据;
-
编辑完成后点击“保存”,该数据将被正式插入到对应位置。
注:插入数据后,数据将仍按数据集的排序规则进行展示。因此,最终显示顺序可能会发生变化。请在使用“插入行”功能时注意数据集的排序设置。
3. 编辑数据
在行式填报模式下,可直接在单元格中修改已有数据。编辑完成后,点击“保存”按钮即可提交修改。
4. 删除数据
选中需要删除的数据行后,点击“删除行”按钮,该行将被临时移除。点击“保存”按钮后,删除操作才会正式提交并生效。
弹窗式填报
弹窗式填报功能可参考 HighReport 帮助文档中的“表单 CRUD 示例”进行操作。关于弹窗式填报的具体实现方式与注意事项,我们将在下一期内容中进行详细讲解。
HighReport官网地址:
专业的Web报表软件 | 报表工具 | 表单工具 HighReport报表http://www.highreport.net/index.htmHighReport帮助文档地址: