这里汇总了实际填报开发场景中的常用技巧,并提供详细的方案链接和应用场景介绍,帮助大家快速查阅和学习~
1. 短视频学习
官方也推出了短视频学习模式哦,戳这里快速打开:填报妙用小技巧
2. 必会小技巧
此处列出填报必会的 20 个小技巧,帮助您进一步理解和学习填报相关功能,掌握更多实用开发技巧。
序号 | 技巧 | 应用场景 |
---|---|---|
01 | 填报页面优化技巧 | 对填报预览页面的交互效果和视觉效果进一步优化,提升用户的填报操作体验 |
02 | JS隐藏底部sheet栏 | 报表有多个 sheet 页,预览时底部会有 sheet 栏,需要将整个 sheet 栏隐藏掉 |
03 | 防止填报第一行数据被删除 | 限制用户填报的删除行为,删除到只剩一行时不允许继续删除 |
04 | JS实现一键清除填报内容 | 填写信息项非常多时可一键清空所有已填报的内容,重置填报工作 |
05 | 校验填报页面的数据是否重复 | 数据入库是检查页面填写的数据是否存在重复,如果重复报错且不予入库 |
06 | JS获取填报单元格值或给单元格赋值 | 通过点击按钮获取用户已经填报的值,也可以点击按钮直接给对应的控件赋值 |
07 | JS实现填报自动生成序号并排序 | 新增或删除数据时,自动生成和调整为标准升序格式的序号 |
08 | 导入Excel提交前清空数据库表 | Excel 数据导入到填报页面提交入库前,先清空对应数据库表内已有数据 |
09 | JS自定义提交按钮 | 不使用官方的提交按钮,使用 JS 自定义一个提交按钮 |
10 | 根据控件值自动匹配数据 | 填写一个控件后,其他控件相关信息可以自动从库内带出,减少填写非关键信息导致的时间浪费 |
11 | JS实现当前页刷新 | 填报成功后、数据校验后、点击按钮后自动刷新页面 |
12 | 填报控件数据字典联动 | 控件数据之间有诸如“省市镇”这样的层级关系,可以自动根据上层控件填写的值自动联动下层控件 |
13 | 联立多字段校验是否与数据库中数据重复 | 联立多个字段来验证填写数据的唯一性,确保待录入的数据是数据库中不存在的 |
14 | JS获取当前编辑行单元格行号 | 实时获取正在编辑单元格的行号 |
15 | JS实现复选按钮控件全选和批量操作 | 需要勾选的数据很多时,提供全选和批量操作功能 |
16 | JS实现关闭子页面时刷新父页面 | 父页面跳转到子页面填报完后,关闭子页面自动刷新父页面数据,提升便利性 |
17 | JS获取扩展控件的所有值 | 控件设置了扩展,填报时可以获取该控件所有扩展填报的值 |
18 | JS隐藏sheet页 | 填报页面 sheet 页较多,有些不需要显示的可以直接隐藏掉 |
19 | JS实现删除时二次确认 | 删除数据时弹出提示框供二次确认,防止出现误删的情况 |
20 | 使用UUID自动生成主键 | 填报时没有特定的字段适合作为主键,可以生成一串不重复的随机字符串当做主键并入库 |
通过 JavaScript 代码二次开发可以解决更多填报问题,详细了解戳这里查看:填报JS文档汇总