反馈已提交

网络繁忙

JS修改确认弹窗的选项

  • 文档创建者:axing
  • 编辑次数:2次
  • 最近更新:Catqiu 于 2022-08-17
  • 1. 概述

    1.1 问题描述

    在报表中经常使用弹窗提示来二次确认是否进行某些操作。如点击提交按钮时,提示是否更新,如下:

    默认的选项是确定和取消,不够直观。希望将其改成更新或不更新,如下图所示:

    1.2 实现思路

    利用 JS 代码改变前端的显示内容。

    2. 示例

    2.1 报表设计

    如下,单元格 B2 输入文字:确认,如下图所示:

    2.2 添加事件

    选中B2单元格,添加超级链接-JavaScript事件,如下图所示:


    JavaScript 代码如下:

    FR.Msg.confirm("提示","是否需要更新?");
    $(".fr-core-btn-text:contains(确定)").html("更新");
    $(".fr-core-btn-text:contains(取消)").html("不更新").css({"letter-spacing":"0px","text-indent":"0px"});

    2.3 预览效果

    2.3.1 PC 端

    保存模板,选择分页预览,效果如 1.1 节所示。

    2.3.2 移动端

    不支持移动端。

    3. 模板下载

    点击下载模板:JS修改确认弹窗的选项.cpt


    附件列表


    主题: 报表专题
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

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

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

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

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

    不再提示

    10s后关闭

    7*24h

    智 能客 服