extjs4.2 Form表单 提交

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&param1=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&param1=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);

                            }

                        });

                    }

你可能感兴趣的:(4.2,提交方式,Extsj)