如何在弹出页面显示等待效果？

登录

在某些情况下，当点击弹出页面的时候，因为加载数据量比较大，等待时间较长，因此希望增加一个弹出页面的加载动画，以提醒用户正在加载中。

GrapeCity-LY · GrapeCity-LY

请参考这个链接，有加载动画的：
http://gcdn.gcpowertools.com.cn/ ... amp;extra=page%3D1v

tonyzhu · tonyzhu

加载的时候哟，不是程序运行的时候啊

Eric.Liang · Eric.Liang

1.添加一个“加载”动图gif。修改名称为image。

2.查找image图片对应的ID。在浏览器中按F12或者右键审查（检查）元素。选取对于的图片元素，找到image对应的ID。以便于打开弹出页面时隐藏对应的加载动画。
此处获得的ID为“r0c31p”。

3.在“去收款”或者“去取消”超链接上添加JS命令。添加至弹出页面之前。具体代码如下。

var b = $("#r0c31p_div");
var myInterval = setInterval(function () {
var a = $("[imagename='/Resources/Images/CellTypeBuiltInImage/save2.png']");
if (a.length > 0) {
b.hide()
clearInterval(myInterval);
}
else {
b.show()
}
}, 10);

复制代码

Simon.hu · Simon.hu

感谢分享！

putaolr · putaolr

Eric.Liang 发表于 2018-3-9 15:36
1.添加一个“加载”动图gif。修改名称为image。

您好，如说要保存数据量很大的数据会需要一段时间，希望通过弹出动画的效果告诉用户现在正在保存；当保存成功后，弹出的页面再显示保存成功。请问这样情况弹出页面添加动画要怎么做呢？谢谢！

Tracy.Liu · Tracy.Liu

putaolr 发表于 2019-2-19 16:27
您好，如说要保存数据量很大的数据会需要一段时间，希望通过弹出动画的效果告诉用户现在正在保存；当保存 ...

您可以看下这个帖子：https://gcdn.grapecity.com.cn/fo ... &extra=page%3D2

		自动登录	找回密码
密码			立即注册

[已处理] 如何在弹出页面显示等待效果？

本帖子中包含更多资源

6 个回复

本帖子中包含更多资源

讲师达人

悬赏达人

元老葡萄

活字格认证

活字格高级认证

微信认证勋章