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);

                            }

                        });

                    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值