反馈已提交

网络繁忙

JS实现回调函数中自定义提示

  • 文档创建者:lu123
  • 编辑次数:24次
  • 最近更新:星踪 于 2021-05-25
  • 1. 概述

    1.1 问题描述

    控件添加「提交入库」类型的事件,即可实现点击或编辑控件后填报入库。该方式在提交后默认不返回成功和失败的结果提示,如果希望在进行填报时返回结果提示,或者根据提交成功与否执行一些自定义的方法,应该如何操作呢?

    1.2 实现思路

    在使用「提交入库」类型事件的时候,可通过「设置回调函数」的方式,来进行填报成功或失败之后的下一步操作。如下图所示:

    image.png

    1.3 接口介绍

    回调函数中返回参数 fr_submitinfo 来判断填报是否成功, fr_submitinfo.success 的返回值为 true 表示填报成功,false 表示填报失败。当填报失败时,fr_submitinfo.failinfo返回具体报错信息。

    2. 示例

    以下通过实现一个自定义按钮提交入库,并且填报成功或失败都返回回执消息的示例,来讲解如何使用回调函数的返回值。

    2.1 设计报表样式

    新建模板,如下图所示设计报表样式,其中 A3-F3 单元格中都添加「文本控件」,G2 单元格中添加一个「按钮控件」。


    2.2 设置填报属性

    点击 G2 单元格中「按钮控件」,为该按钮控件添加一个「点击」事件,事件类型为「提交入库」,绑定数据列,设置填报属性,如下图所示:

    image.png

    2.3 设置回调函数

    设置填报属性后,点击「设置回调函数」,添加 JS 事件,事件内容为填报成功则提示填报成功,填报失败则提示填报失败,如下图所示:

    JavaScript 代码如下:

    if (fr_submitinfo.success) {
    FR.Msg.toast('提交成功');
    } else {
    FR.Msg.toast('提交失败,错误信息为:' + fr_submitinfo.failinfo);
    }

    注:success 只表示后台程序执行没有异常,最终入库结果会受到设置的影响,可能和预期的不一致。

    2.4 预览效果

    保存模板,点击「填报预览」,在报表页面填入数据,点击提交按钮,若成功提交,则提示提交成功;反之则提示提交失败。

    PC 端实现效果下图所示:

    image.png

    image.png

    移动端及 HTML5 效果如下图所示:



    3. 模板下载

    已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\57-控件回调事件的返回值.cpt

    点击下载模板:57-控件回调事件的返回值.cpt


    附件列表


    主题: 填报应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭