最新历史版本 :JS修改确认弹窗的选项 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

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