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

 
  
  	 
             
             上一篇:JS修改确认弹窗的选项
上一篇:JS修改确认弹窗的选项 
  
             
		         
					 
					 
						 
					 
					