最新历史版本 :填报妙用小技巧 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

1663657616108371.png

这里汇总了实际填报开发场景中的常用技巧,并提供详细的方案链接和应用场景介绍,帮助大家快速查阅和学习~


目录:

1. 短视频学习编辑

官方也推出了短视频学习模式哦,戳这里快速打开:填报妙用小技巧

2. 必会小技巧编辑

此处列出填报必会的 20 个小技巧,帮助您进一步理解和学习填报相关功能,掌握更多实用开发技巧。

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

通过 JavaScript 代码二次开发可以解决更多填报问题,详细了解戳这里查看:填报JS文档汇总