2.1 准备模板准备一个大数据量的模板,本示例直接用了range()函数来模拟。
2.2 添加按钮在B1 单元格中添加一个「按钮控件」,设置按钮类型为「普通」,按钮名字为「提交」,控件名称为「submit」。如下图所示:
2.3 设置填报属性选中提交按钮所在 B1 单元格,给控件添加一个点击事件,类型选择「提交入库」,并绑定数据库字段。如下图所示:
2.4 设置禁用按钮选中提交按钮所在 B1 单元格,再次给控件添加一个点击事件,用于在点击该按钮后禁用自己并给出提示。
JavaScript 代码如下:
this.setEnable(false);//禁用当前按钮FR.Msg.alert("提示","提交中,请耐心等待");//弹出提示2.5 设置启用按钮选中提交按钮所在 B1 单元格,在2.3设置的填报属性界面中找到「设置回调函数」功能,用JS实现填报结束后启用按钮的功能。
JavaScript 代码如下:
if (fr_submitinfo.success) { FR.Msg.toast('提交成功');} else { FR.Msg.toast('提交失败,错误信息为:' + fr_submitinfo.failinfo);}_g().getWidgetByName("submit").setEnable(true);//启用提交按钮2.6 效果预览保存报表,点击「填报预览」,点击提交按钮。效果如下图所示:
注1:按钮中设置提交事件,不会触发数据校验功能,如果需要数据校验,可以参考示例二。
注2:不支持移动端预览。