最新历史版本
:JS实现正在加载对话框 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
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