1.普通方式提交
buttons:[{
text: "普通方式",
handler:function(){
if(form1.form.isValid()){
//只用指定TextField的id或者name属性,服务器端Form中就能取到表单的数据
//如果同时指定了id和name,那么name属性将作为服务器端Form取表单数据的Key
var form = form1.getForm().getEl().dom;
form.action = 'submit.aspx?method=Submit1¶m1=abc';
//指定为GET方式时,url中指定的参数将失效,表单项转换成url中的key=value传递给服务端
//例如这里指定为GET的话,url为:submit.aspx?param2=你输入的值
//form.method = 'GET';//GET、POST
form.submit();
}
}
}]
2.Ajax方式提交
text: "默认方式",
handler:function(){
form1.getForm().submit({
url:'submit.aspx?method=Submit2¶m1=abc',
//method:'POST',
//waitTitle : "提示",
//waitMsg: 'Submitting your data',
success: function(form, action){
alert(action.response.responseText);// extjs 4.2 Ext.decode(response.responseText)
},
failure: function(form, action){
alert(action.result.errormsg);
}
});
}
3.Connect提交方式
text: "Connect方式",
handler:function(){
//注意
var conn = new Ext.data.Connection();
conn.request({
url: 'submit.aspx?method=Submit4',
//此处与params对应,如果为POST,则服务器端从Request.Form中可以取得到数据,反之从QueryString中取数据
method: 'POST',//GET
params:form1.form.getValues(),
success: function(response, opts) {
MsgInfo(response.responseText);
// extjs 4.2 Ext.decode(response.responseText)
}
});
}
4.通过Ext.Ajax提交数据
text: "Ajax",
handler:function(){
//注意
var conn = new Ext.data.Connection();
conn.request({
url: 'submit.aspx?method=Submit4',
//此处与params对应,如果为POST,则服务器端从Request.Form中可以取得到数据,反之从QueryString中取数据
method: 'POST',//GET
params:form1.form.getValues(),
success: function(response, opts) {
MsgInfo(response.responseText);
//Ext 4.2 Ext.decode(response.responseText);
}
});
}