您的位置:首页 > Web前端 > JavaScript

Extjs4中表单登录功能,实现登录成功跳转页面

2013-11-27 09:48 621 查看
Ext.onReady(function(){
	Ext.QuickTips.init();
	Ext.create('Ext.form.Panel',{
		title:'form2',
		width:300,
		height:200,
		frame:true,
		renderTo:'formDemo',
		defaultType:'textfield',
		defaults:{
			allowBlank:false,
			labelWidth:60,
			width:240,
			msgTarget:'side'
			
		},
		items:[{
			name:'userName',
			fieldLabel:'Name'
		},
		{
			name:'password',
			fieldLabel:'Pass'
		}],
		buttons:[{
			text:'提交',handler:function(){
				var basic=this.up('form').getForm();
				basic.submit({
					url:'/Extjs4/formAction!getForm.action',
				    method:'POST',
				    success:function(form,action){
				    	location.href="/Extjs4/demo.html";
				    },
				    failure:function(form,action){
				    	var data=action.response.responseText;
				    	var json = eval("("+data+")");
				    	Ext.Msg.alert('提示',json.message);
				    }
				});

			}
		},
		{text:'重置',handler:function(){
			this.up('form').getForm().reset();
			}
		}
		]
	});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: