Extjs温习笔记(九)- 加载等待

Extjs复习笔记(九)-- 加载等待登陆时的加载状态:style typetext/css mediaall#loading {position:

Extjs复习笔记(九)-- 加载等待

登陆时的加载状态:


Extjs温习笔记(九)- 加载等待

<style type="text/css" media="all">#loading {position: absolute;left: 40%;top: 40%;padding: 2px;z-index: 20001;height: auto;color: #225588;}#loading .loading-indicator {background: greenyellow;color: #444;font: bold 13px tahoma, arial, helvetica;padding: 10px;margin: 0;height: auto;}#loading-msg {font: normal 10px arial, tahoma, sans-serif;}    </style><body>   <div id="loading"><div width="32" height="32"style="margin-right: 8px; float: left; vertical-align: top;" />    蓝杰-图书管理系统<br /><span id="loading-msg"><font color="red">提示:</font>加载中,请耐心等待...</span></div></div><script type="text/javascript">document.getElementById('loading-msg').innerHTML = '<font color="red">提示:</font>加载中,请耐心等待...';</script>………………(页面其它内容)<script type="text/javascript">   Ext.get('loading').remove();   function showAbout(){   Ext.Msg.alert("关于","<div><img src='../images/about.jpg'/></div><div style='float:left;width:400px;'><hr/><h2>开发者:凌艺宾<br/>学校:中南大学<br/>培训:蓝杰公司<h2></div>");   }    </script></body></html>

?

?或者做得简单一点:

直接在button里面加上如下语句就行了

?

        handler : function() {            if (loginPanel.form.isValid()) {                    loginPanel.form.submit( {                        url : 'login.do',                        success : function(from, action) {                          Ext.get('loginpanel').remove();                          window.location.href='pages_share/main.html';                        },                        failure : function(form, action) {                           Ext.MessageBox.show({                    title:"登录失败",                    msg:"登录失败!请认真检查您的姓名密码及身份。",                    icon:Ext.MessageBox.ERROR,                    buttons:{"ok":"确定"}                    });                        },                        waitMsg : '正在登录,请耐心等候...'                    });