ExtJS登录窗口程序

来源：互联网发布：富士相机知乎编辑：程序博客网时间：2024/05/16 10:42
Ext.onReady(function(){Ext.form.Field.prototype.msgTarget="side";var form1= Ext.create('Ext.form.Panel',{        title:'用户登录窗口',        width:290,        height:150,        frame:true,        labelWidth:40,        renderTo: Ext.get("loginWin"),        defaults:{width:180},    items:[{        xtype:'textfield',        fieldLabel:"用户名",        id:"txtName",        name:'user.username',        allowBlank:false,        blankText:"用户名不能为空!"        },{        xtype:'textfield',        fieldLabel:"密码",        allowBlank:false,        blankText:"密码不能为空!",        name:'user.password',        inputType:'password'        }],    buttons:[{        text:"提交",        type:'submit',        handler:function(){            if(form1.getForm().isValid()) {            Ext.MessageBox.show({                title:'请等待',                msg:'正在加载',                progressText:'',                width:150,                progress:true,                closable:'false',                animEl:'loding'            });                var f = function(v){                return function(){                    var i=v/11;                    Ext.MessageBox.updateProgress(i,'');                }            }            for(var i=1;i<33;i++){                setTimeout(f(i),i*1500);            }            //提交到服务器操作            form1.form.doAction('submit',{            url:'login.action',            method:'post',            success:function(form,action){                document.location="index.jsp";                Ext.Msg.alert("登录成功！",action.result.message);            },            failure:function(form,action){                Ext.Msg.alert("登录失败！",action.result.message);            }            });            }        }},        {text:"重置",        handler:function() {            form1.getForm().reset();}    },    {text:"添加", type:'submit', handler:function(){ form1.form.doAction('submit',{                url:'user.action',            method:'post',            success:function(form,action){                document.location="index.jsp";                Ext.Msg.alert("添加成功！",action.result.message);            },            failure:function(form,action){                Ext.Msg.alert("添加失败！",action.result.message);            }            }); }//text:添加    }    ]});});
0 0