Ext Form提交

<a href="#" id="login_in">[登 陆]</a>

Ext.onReady(function() {
Ext.get('login_in').on('click',loginfun);
});
var loginfun=function(){
var simple = new Ext.FormPanel({

labelWidth: 75,
baseCls: 'x-plain',
defaults: {width: 150},
defaultType: 'textfield',//默认字段类型
onSubmit: Ext.emptyFn,
submit: function(){
this.getEl().dom.action = 'memberAction.do?action=1'; //连接到服务器的url地址
this.getEl().dom.submit();
},

//定义表单元素
items: [{
fieldLabel: '会员名',
name: 'username',//元素名称
//anchor:'95%',//也可用此定义自适应宽度
allowBlank:false,//不允许为空
maxLength:15,
blankText:'帐户不能为空'//错误提示内容
},{
fieldLabel: '密码',
inputType:'password',
//anchor:'95%',
name: 'password',
maxLength:15,
allowBlank:false,
blankText:'密码不能为空'
}
],
buttons: [{
text: '登陆',
type: 'submit',

//定义表单提交事件
handler:function(){
if(simple.form.isValid()){//验证合法后使用加载进度条
Ext.MessageBox.show({
title: '请稍等',
msg: '正在加载...',
progressText: '',
width:300,
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 < 12; i++){
setTimeout(f(i), i*150);
}

//非ajax提交
simple.form.submit();

/*
//ajax提交到服务器操作
simple.form.doAction('submit',{
url:'memberAction.do?action=1',//文件路径
method:'post',//提交方法post或get
params:'',
//提交成功的回调函数
success:true,
success:function(form,action){
if (action.result.msg=='ok') {
document.location='index.jsp';
} else {
Ext.Msg.alert('登陆错误',action.result.msg);
}
},
//提交失败的回调函数
failure:function(){
Ext.Msg.alert('错误','服务器出现错误请稍后再试！');
//document.location='index.jsp';
}
});*/
}

}
},
{
text: '关闭',
handler:function(){simple.form.reset();}//重置表单

}]
});

//定义窗体
win = new Ext.Window({
id:'win',
title:'会员登陆',
layout:'fit', //之前提到的布局方式fit，自适应布局
width:300,
height:150,
plain:true,
bodyStyle:'padding:5px;',
maximizable:false,//禁止最大化
closeAction:'close',
closable:true,//禁止关闭
collapsible:false,//可折叠
plain: true,
resizable:false,
draggable:false,
buttonAlign:'center',
items:simple//将表单作为窗体元素嵌套布局
});
win.show();//显示窗体

}