|
目录
|
文档
|
应用场景
|
|
填报控件
|
JS控制单元格控件是否可用/可见
|
前端填报时，
根据一些条件来动态控制控件可用或可见的状态
|
|
JS给文本框赋多个值
|
将每次下拉框选择的值赋给文本框，最后组成一个字符串
|
|
JS设置控件焦点
|
填报预览页面加载出来后，
自动将光标定位在某个控件中，可以直接编辑
|
|
JS获取扩展控件的所有值
|
如果填报控件是扩展出来的，该方法可以获取扩展出来控件所有的值
|
|
JS实现点击单选按钮弹出对话框输入值
|
常用于问卷的“其他”选项，点击按钮后弹出对话框，允许用户输入自定义的值或内容
|
|
JS限制复选框选中个数
|
限制用户勾选复选框的个数，超过个数报错。常见的场景如问卷，限制用户只能选择几项，不可多选
|
|
JS实现复选按钮控件全选和批量操作
|
可以批量修改或删除多个复选框对应数据
|
|
JS实现限制文本框控件文本长度
|
限制文本框控件录入文本的长度，超出长度弹出提醒信息
|
|
JS实现使用填报页面的控件查询
|
一般查询都是用参数面板的控件，但是填报控件也是可以实现查询效果的
|
|
JS实现一键清除填报内容
|
填报项较多时，点击按钮即可清除所有填报内容，快速进行重新填报
|
|
JS实现填报控件只能填写一次
|
填报时对于某些特定的字段，如成绩、密码等，要求填报时只能写一次，一旦写完就不能再进行修改
|
|
填报提交
|
JS实现动态选择数据表提交
|
在填报页面上自由选择要入库的数据表或者数据库，无需设置填报属性
|
|
JS实现记录填报操作
|
对用户在填报时操作过的数据进行记录，比如修改和删除了哪几行数据，是谁在什么时间操作的
|
|
JS实现防止重复点击提交
|
如果填报时使用的是自定义的提交按钮，那么该方法可以防止重复点击提交
|
|
JS实现控制提交时间段
|
通过设置让用户只能在指定的时间段内提交数据
|
|
JS实现只提交修改过的数据
|
解除某些场景下
「未修改不更新
」功能
灰化无法使用的限制
|
|
JS自定义提交按钮
|
不使用内置的提交按钮，根据自己的业务逻辑自定义一个提交按钮
|
|
JS实现填报数据逻辑删除
|
实现数据备份留底且数据不在业务界面展现
|
|
JS实现回调函数中自定义提示
|
对于无需点提交按钮可直接入库的一些方法，是不会有提交
成功和失败提示的，该方法就是解决该问题
|
页面交互
|
JS实现根据当前sheet隐藏参数面板
|
多 sheet 场景下，参数面板会在所有sheet 页显示，希望只有部分 sheet 展示参数面板，其他不显示
|
|
JS实现批量选择数据并打印
|
填报时批量选中数据并以自定义的样式打印出来
|
|
JS获取填报单元格值或给单元格赋值
|
获取或修改填报单元格中的值
|
|
JS 获取单元格字符串中的数字
|
只获取单元格中字符串里面的数字
|
|
JS获取当前编辑行单元格行号
|
点击某个单元格时，可以显示这个单元格所在行的行号
|
|
JS实现点击单选按钮组切换sheet
|
通过点击复选按钮组控件，切换到不同的 sheet 页
|
|
JS实现当前页刷新
|
填报成功刷新页面、数据校验刷新页面、点击按钮刷新页面
|
|
JS实现关闭子页面时刷新父页面
|
当填报完成，关闭子页面时，能立即刷新父页面
|
|
JS实现子窗口填报后刷新父页面
|
子报表填报成功后，立即刷新主报表
|
|
JS实现报表加载结束后自动滚动到最下方最右侧
|
填报页面过大，横纵向都会有滚动条，填报
页面加载后，可以定位到浏览器最下方或最右侧
|
|
JS实现页面加载后默认显示指定sheet页
|
报表有多个 sheet 页，预览时默认展示第一个 sheet 页
，该方法可以在页面加载后
展示指定 sheet 页
|
|
JS隐藏sheet页
|
隐藏掉预览时不需要展示的 sheet 页
|
|
JS实现填报长时间未操作关闭窗口
|
报表一段时间内没有操作，那么页面会自动退出或者关闭
|
|
JS实现钻取到子页面进行填报
|
可以从主模板钻取到子模板中进行填报
|
|
JS实现对话框打开报表
|
点击按钮后，报表可以在对话框中打开
|
|
填报联动
|
JS实现填报联动自动生成默认值
|
在填报控件联动的基础上，选择第一个控件的值后，其他相关控件可以联动出可选范围内的第一个值
|
|
JS实现根据控件值自动匹配数据
|
解决
根据控件值自动匹配数据
中联动方式的两个需求
|
|
插入删除
|
JS实现限制最大插入行数
|
插入行时，可以限制用户插入的总行数
|
|
JS实现固定插入和删除最后一行/多行
|
固定在最后一行进行插入和删除
|
|
JS实现根据控件值动态插入行
|
填报时根据控件所选值，动态扩展单元格
|
|
JS实现填报自动生成序号并排序
|
填报时序号可以自动生成，且新增或删除数据行时，序号仍然可以连续
|
|
JS实现插入自定义行数
|
插入行时，可以自定义一次插入几行
|
|
填报时一次插入多行
|
填报时可以一次插入多行，跟上面方法不同点在于，行数是写死的
|
|
JS实现删除时二次确认
|
点击删除按钮时，可以弹出二次确认对话框，防止误删
|
|
JS自定义插入和删除行按钮
|
解决
插入和删除按钮
中每行都有插入删除按钮，导致模板加载变慢的问题
|
|
数据校验
|
JS实现填报只校验修改行数据
|
没有修改的数据不校验
|
|
JS实现对控件输入值的及时校验
|
填报控件中输入值后，及时进行校验，如果有问题则弹出提示并清空输入值
|
|
JS实现填报校验后返回错误信息
|
不使用内置的校验出错提示，改成对话框提示错误信息
|
