+ -
当前位置:首页 → 问答吧 → 求助!初识ext菜鸟问关于extjs+struts表单提交问题

求助!初识ext菜鸟问关于extjs+struts表单提交问题

时间:2010-10-14

来源:互联网

尝试把原来基于struts开发的jsp页面改为extjs来实现 

到了submit的时候 网上找了很多方法并没有实现

刚刚学习ext 还是有很多问题的 希望经验的tx们帮小弟看看 
JScript code
  
                       //登录按钮
                       var buttonGroup = [{
                            xtype: 'spacer'
                          },{
                            text: 'Login',
                            ui:   'action',
                            handler: doaction                          
                            }
                          }];
       
                         
       //定义FormPanel
       var formpnl = new Ext.form.FormPanel({
           
           id:  'loginForm',
           fullscreen: true,
           scroll: 'vertical',
                      
           items: [{
              xtype: 'fieldset',
              title: 'LOG IN',
              instructions: 'Please enter the information above.',
              defaults: {
                 required: true,
                 labelAlign: 'left'
              },
              items: [{
                  xtype: 'textfield',
                  id:    'userid',
                  name : 'name',
                  label: 'Username',
                }, {
                  xtype: 'passwordfield',
                  id:    'userpw',
                  name : 'password',
                  label: 'Password'
              }]
          }]
                           
    });

         //提交函数--这里这个函数并不能提交成功
        var doaction=function(){

           var loginForm = Ext.getCmp('loginForm');
           loginForm.submit({
                          waitTitle:'loading',
                           waitMsg:'Please Wait for a minute',
                           url:'/project/loginAction.do',
                           method:'POST'
                     })
                                                      
           } 


这是我自己调试的一个方法 没有成功 请大牛们帮忙看看 提供较好的提交方法

在下先谢谢各位了~~~~~

作者: blessjacky   发布时间: 2010-10-14

JScript code
loginForm.getForm().submit({
                          waitTitle:'loading',
                           waitMsg:'Please Wait for a minute',
                           url:'/project/loginAction.do',
                           method:'POST'
                     })
                                                      
           } 

作者: IBM_hoojo   发布时间: 2010-10-14

Ext.Ajax.request({
  url:'/project/loginAction.do',//请求地址
  params:{//请求所传的参数
  name:Ext.getCmp('').getValue(),//name就是后台获取的变量
  password:Ext.getCmp('password').getValue()
  },success:function(response){
  //请求成功的事件
  },failure:function(){
  //请求失败的事件,这里的失败是指没有找到资源,即404错误
  //一般我会弹出一个对话框,如:
  Ext.Msg.alert('消息','连接服务器失败!');
  }
  })
我一般都用这种ajax的提交方式,你所用的提交方式如果写的有一点不规范,ie就不能正常使用,还是用ajax原始的提交方式把

作者: xx19890703   发布时间: 2010-10-14