用dwr技术显示页面数据加载状态.doc
版权申诉
55 浏览量
2023-09-19
09:47:01
上传
评论
收藏 25KB DOC 举报
问题:
用 dwr 技术查询海量数据时,用户点击按钮,提交请求后,页面长时间没反应.问题反映到我这.
当然除了要提高性能外,也得给用户一个提示,比如出现"正在加载数据.."的提示.
解决办法:
如果要实现这种效果,就得在客户端用 js 判断加载情况，请求前是一种状态,请求后(后台处理,
返回数据给前台)又是一种状态.
dwr 工具包提供了两个函数,专门处理这两种情况:
(1) 请求前处理
DWREngine.setPreHook(jsfun)
在 DWR 调用之前设置执行一个函数(但是这个函数无参数),例如显示"正在加载数据.."信息
(2)请求后处理
DWREngine.setPostHook(jsfun) 在 DWR 调用之后要执行的函数.例如隐藏"正在加载数据.."
信息
DWREngine.setPreHook(jsfun) 在 调 用 DWR 之 前 ， 运 行 jsfun 函 数 。
DWREngine.setPostHook(jsfun)在调用完 DWR 后，运行 jsfun 函数。
当然我们可以用它来显示程序运行时的动画效果.
//====================================================================
//显示文字提示消息
function useLoadingMessage(message) {
var loadingMessage;
if (message) loadingMessage = message;
else loadingMessage = "Loading";
DWREngine.setPreHook(function() {
var disabledZone = $('disabledZone');
if (!disabledZone) {
disabledZone = document.createElement('div');
disabledZone.setAttribute('id', 'disabledZone');
disabledZone.style.position = "absolute";
disabledZone.style.zIndex = "1000";
disabledZone.style.left = "0px";
disabledZone.style.top = "0px";
disabledZone.style.width = "100%";
disabledZone.style.height = "100%";
document.body.appendChild(disabledZone);
var messageZone = document.createElement('div');
messageZone.setAttribute('id', 'messageZone');
messageZone.style.position = "absolute";
messageZone.style.top = "0px";
messageZone.style.right = "0px";
资源评论
