Ext用户登录

Ext.onReady(login);
//登录页面
function login(){

//初始化quick实例
Ext.QuickTips.init();

var loginname=new Ext.form.TextField({

allowBlank:false,
fieldLabel:'用户名',
maxLength:12,
minLength:6,
align:'center',
msgTarget:'qtip',
name:'su.superlogin',
width:160,
maxLengthText:'用户名输入的太长！',
blankText:'用户名不能为空！',
labelStyle:'margin-top:25px',
style:{
marginTop:'25px'
}
});


var loginPwd=new Ext.form.TextField({
fieldLabel:'密 码',
allowBlank:false,
maxLength:20,
minLength:6,
align:'center',
msgTarget:'qtip',
name:'su.superpwd',
inputType:'password',//使文本框变成密码框
width:160,
labelStyle:'margin-top:25px',//设置文本字体的样式
//设置文本域的样式
style:{
marginTop:'25px'
},
blankText:'密码不能为空！'
});

var form=new Ext.form.FormPanel({
title:'管理员登录',
width:'auto',
height:200,
labelAlign:'right',
buttonAlign:'center',
items:[
loginname,
loginPwd
],
//也可以用listeners监听登录的情况
buttons:[{'text':'登 录',handler:function(){
//判断输入的信息是否合法
if(form.getForm().isValid()){
form.getForm().submit({
url:'super.do?method=checkLogin',method:'post',
params:'',
success:function(form,action){
Ext.Msg.alert("信息",action.result.msg,function(e){
if(e=='ok'){
win.close();
fun();//调用显示学生信息的窗体
}
});
},
failure:function(form,action){
Ext.Msg.alert("信息",action.result.msg);
}
});
}

}},{'text':'取 消',handler:function(){
form.getForm().reset();//重置按钮
}}]
//使用listeners监听登录的情况
/* buttons:[{'text':'登 录',listeners:
{
"click":function(){
//判断输入的信息是否合法
if(form.getForm().isValid()){
Ext.Ajax.request({
method:'post',
url:'super.do?method=checkLogin',
params:'',
callback:function(opions,success,response){
Ext.Msg.alert("提示",response.responseText,function(e){
if(e=='ok'){
win.close();
fun();//调用显示学生信息的窗体
}
});
}
});
}}
}}
,{'text':'取 消',handler:function(){
form.getForm().reset();//重置按钮
}}]*/
});

loginname.markInvalid();
loginPwd.markInvalid();

var win=new Ext.Window({
title:'学员信息管理',
autoHeight:true,
width:400,
resizable:false,
items:[form]
});
win.show();
}