首页 > PHP资讯 > HTML5培训技术 > Extjs4中表单登录功能,实现登录成功跳转页面

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

HTML5培训技术
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.
";				    },				    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();			}		}		]	});});

 

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持24不支持0