当前位置: 编程技术>jquery
Extjs4中表单登录功能、登录成功跳转页面的代码
来源: 互联网 发布时间:2014-09-03
本文导语: 本节内容: Extjs4实现的表单登录功能,登录成功跳转页面。 例子: 代码示例: Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create('Ext.form.Panel',{ title:'form2', width:300, height:2...
本节内容:
Extjs4实现的表单登录功能,登录成功跳转页面。
例子:
代码示例:
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'
}], // www.
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();
}
}
]
});
});
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'
}], // www.
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();
}
}
]
});
});
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。