1. 概述
1.1 问题描述
报表中进行一些操作时,可能会消耗比较长的时间,用户感觉不到页面有变化,给人体验很不好。
此时希望可以弹出对话框提示,如下图所示:
1.2 实现思路
使用 JS 实现弹出「正在处理」的对话框,延迟一定时间后,再将对话框关闭。
2. 示例
2.1 设计模板
新建普通报表,在 B2 单元格输入文字「点击」,如下图所示:
2.2 添加 JavaScript 超级链接
选中 B2 单元格,点击右侧属性面板的「超级链接」,点击「+」按钮,选择「JavaScript脚本」,如下图所示:
JavaScript 代码如下:
FR.showLoadingDialog({ title: "正在处理",text: "正在处理,请等待……" });
//延迟3秒后关闭
setTimeout(function() {
FR.hideLoadingDialog()
}, 3000);
FR.showLoadingDialog() 支持的参数如下:
参数 | 说明 |
---|---|
width | 对话框宽度,默认值:200 |
height | 对话框高度,默认值:80 |
title | 标题,默认值:正在加载 |
closable | 对话框是否可以被关闭,默认值:false |
contentHtml | 对话框显示的内容(这个可以显示html内容,text显示纯文字) |
2.3 效果预览
2.3.1 PC 端
保存模板,选择分页预览,效果如 1.1 节所示。
2.3.2 移动端
不支持移动端。
3. 下载模板
点击下载模板:JS实现正在加载对话框.cpt