ExtJS登录窗口程序

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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值