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