发生 AJAX 回调时显示“Loading... ”图像

收藏

几天前，一个客户询问我是否可以在 Spread 进行回调时显示“Loding...”图像。在进行传统的回调过程中你可以看到浏览器加载整个页面。但是进行 AJAX 回调时只是部分页面进行更新，除非设置一个指示器，否则通过肉眼很难分辨出页面的更新。
下面我就展示怎样在 Spread 发起 AJAX 回调时显示“Loding...”图像（或者 Spread 在AJAXUpdatePanel当中）。通常需要显示需要显示“Loding...”图像的两种情况是：

1.页面发生变化时。
2.点击命令条中按钮时。

有几种方法可以实现 “Loding...”图像的效果。我发现的最实用的方法是在 Spread 的 CallBackStart 事件中把 Async 设置成 true 。这是一个前台事件，你可以在帮助文档中参考 CallBackStart 的详细内容。
下面通过一段简单的 JavaScript 代码去实现这个功能：

function window_onload() {
var clientsideSpread = document.getElementById('FpSpread1');
clientsideSpread.onCallBackStart = OnCallStart;
}
function OnCallStart() {
event.async = true;
}

复制代码

chcchb · chcchb

这个有demo吗？

iceman · iceman

回复 2楼chcchb的帖子

请参考：
VS 2010 + framework 4.0 + Spread for ASP.NET 7.0 V2 + C#

2235.zip (7.42 KB, 下载次数: 501)

chcchb · chcchb

3Q3Q.

chcchb · chcchb

没用这个,用的是普通的遮罩层来做.点击查询时,出现遮罩层,并提示等待信息,数据一出来,遮罩层消失,此时spread中的样式再回到设定值,需要一段时间.

iceman · iceman

回复 5楼chcchb的帖子

恩，也是一种实现方法。感谢分享。

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

发生 AJAX 回调时显示“Loading... ”图像

5 个回复

活字格认证

微信认证勋章

元老葡萄