|
|
Ext登陆窗口代码,关键代码位于 login.js 中
html代码:
<span style="color: #000000;">
- <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
- <html>
- <head>
- <title>wayfoon</title>
- <metahttp-equiv="pragma"content="no-cache">
- <metahttp-equiv="cache-control"content="no-cache">
- <metahttp-equiv="expires"content="0">
- <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">
- <linkrel="stylesheet"type="text/css"
- href="../ext/resources/css/ext-all.css">
- <scripttype="text/javascript"src="../ext/ext-base.js"></script>
- <scripttype="text/javascript"src="../ext/ext-all.js"></script>
- <SCRIPTtype="text/javascript"src="../js/login.js"></SCRIPT>
- <linkrel="stylesheet"type="text/css"href="../ext/resources/css/xtheme-slate.css"/>
- <SCRIPTtype="text/javascript"src="../ext/ext-lang-zh_CN.js"></SCRIPT>
- <scripttype="text/javascript">
- Ext.onReady(function()
- {
- Ext.MessageBox.alert('haha','o(∩_∩)o...哈哈');
- })
- </script>
- </head>
- <body>
- </body>
- </html>
login.js 代码:
<div class="highlighter">
- Ext.onReady(function(){
- //开启表单提示
- Ext.QuickTips.init();
- //设置提示信息位置为边上
- Ext.form.Field.prototype.msgTarget='side';
- varwin=newExt.Window({
- id:'login-win',
- title:'登陆',
- iconCls:'tabs',
- width:300,
- height:120,
- collapsible:true,
- plain:true,
- //初始化表单面板
- items:newExt.form.FormPanel({
- id:'login-form',
- labelWidth:50,//默认标签宽度板
- labelAlign:'right',
- buttonAlign:'center',
- //不设置该值,表单将保持原样,设置后表单与窗体完全融合
- baseCls:'header',
- layout:'form',
- defaults:{
- width:200
- },
- //默认字段类型
- defaultType:'textfield',
- items:[{
- id:'username',
- fieldLabel:'账号',
- allowBlank:false
- //禁止为空
- },{
- id:'password',
- inputType:'password',
- fieldLabel:'密码',
- allowBlank:false
- }],
- //初始化按钮
- buttons:[{
- text:'登陆',
- type:'submit',
- handler:function(){
- varbut=this;
- but.setDisabled(true);
- this.setText('正在登陆');
- //将表单提交
- Ext.getCmp('login-form').getForm().submit({
- url:'/XXX/login.action',
- method:"POST",
- success:function(form,action){
- document.location='/XXX/main.jsp';
- },
- failure:function(){
- but.setText("登陆");
- but.setDisabled(false);
- }
- });
- }
- }]
- })
- });
- //将窗口显示出来
- win.show();
- });
|
|