ExtJs 2.0 通过Ext.form.BasicForm提交时,要注意的细节!

本文介绍如何在ExtJS面板中集成HTML表单并实现表单提交功能,特别是涉及文件上传时的基本配置方法及注意事项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  当form表单不是通过Ext自带的组件构成,而是由Html构成:

              <DIV ID="FORM_ID">
                    <FORM ID="ADD">
                        ....
                    </FORM>
              </DIV>
 
              new Ext.Panel({
                    ....
                    contentEl:'FORM_ID',
                    ....
                    buttons:[
                        {text:'保存',handler:add},
                        {text:'返回',handler:function(){
                                window.history.go(-1);
                        }}
                    ]
              });
 
              function add () {
 
                      var f = Ext.form.BasicForm('ADD',{
                            method:'post',
                            fileUpload:true//如果是上传,一定要配置这个属性,在html中无需加enctype="multipart/form-data"
                      });
 
                      f.submit({
                          method:'post',
                          url:'newsAction_add.action',
                          success:function(form,action) {
                          },
                          failure:function(form,action){
                          }
                      });
 
            }
 
            PS:在Html中,form元素内不能存在div,否则无法获得需要提交的参数,也就是说div元素不能出现在form元素集合内.
                  因为在new的一个panel里面导入的dom元素是从你给的id作为根去遍历的(contentEl属性最好只指向div元素),
                  div如果在form里面,那就跟没有form元素一样,而basicForm接受的form元素的id后,会掉用getCmp()方法去
                  Panel容器里面找,这样就无法获得表单中的参数.
                  (如果还是无法获得参数,就需要在basicForm里面加上fileUpload=true.)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值