页面左边的树上有一些树,每个节点上有链接,点击后去后台请求数据,但是数据量很大,等待时间很长,所以最好有个等待提示,我用ExtJs的窗口实现,要是想好看点,可以做一个专门的ExtJS提供的等待条,那个比较好看。
在链接上加个事件,触发下面的方法就OK 了。
function changeUrlAndWait(url) { var monitorIdWin = new Ext.Window({ id : 'monitorIdWin', width : 250, height : 60, title : "提示信息", html : "<marquee align=/"left/" behavior=/"alternate/"> 系统正在调取实时监测数据</marquee>" }); monitorIdWin.show(); document.getElementById("centeriframe").src = url; }
然后在载入后的页面的最下面加上下面一段,关闭这个弹出窗口
<mce:script type="text/javascript"><!-- //关闭弹出来的提示窗口 parent.Ext.getCmp('waitWin').hide(); // --></mce:script>
这个页子在一个iframe中出现,所以取对象的时候要在前面加一个parent
本文介绍如何使用ExtJS在页面加载大量数据时显示一个带有滚动文字的等待提示框,通过创建一个Ext.Window实例并展示,同时修改链接点击事件以实现数据加载时的用户体验优化。
539

被折叠的 条评论
为什么被折叠?



