当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',
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.)
分享到:
相关推荐
而这两个方法都是通过调用 Ext.form.BasicForm中的doAction方法来操作的。doAction方法带有两个参数,其中第二个参数为从load或submit 方法传递过来的Ext.form.Action对象的配置数据(Config Options)
43、Ext.CycleButton类 ……………… 39 44、Ext.form.BasicForm类 …………… 40 45、Ext.form.Field类 …………………… 41 46、Ext.form.Checkbox类 …………… 42 47、Ext.form.Radio类 ………………… 43 48、...
2. **EXT.form.BasicForm**:基本表单类,它是EXTJS中用于处理表单数据的核心类,用于绑定、验证和提交表单。 3. **EXT.form.FileField**:文件选择控件,用于让用户选择本地文件,通常与BasicForm结合使用。 4. *...
7.3.4 格式化提交数据:ext.data.writer.writer、ext.data.writer.json和ext.data. writer.xml / 322 7.3.5 writer对象的配置项 / 325 7.4 数据模型 / 326 7.4.1 概述 / 326 7.4.2 数据类型及排序类型:ext....
在EXTJS中,文件上传通常涉及到EXT.form.BasicForm和EXT.form.field.File这两个主要组件。BasicForm是用于管理表单数据的类,而EXT.form.field.File则是一个特殊的输入字段,允许用户选择本地文件进行上传。这个功能...
它通常与`Ext.form.BasicForm`和`Ext.Ajax`一起使用,实现异步文件上传。 2. **Struts2上传插件**:Struts2是一个流行的Java Web框架,它提供了文件上传的支持。Struts2的Upload插件可以处理文件上传请求,将上传的...
重写 代码如下: //解决checkboxgroup回填数据问题 Ext.override(Ext.form.BasicForm,{ findField : function(id){ var field = this.items.get(id); if(!field){ this.items.each(function(f){ if(f.isXType(...
例如,`Ext.my`文件夹可能包含不同控件的示例,比如使用`Ext.grid.Panel`创建数据网格,用`Ext.form.BasicForm`构建表单,或使用`Ext.tree.TreePanel`展示层次结构数据。 2. **前后台数据交互**:EXTJS支持AJAX技术...
Extjs中的表单组件是Ext.form.BasicForm,不过最简单最常用的是Ext.form.FormPanel控件,它继承自Panel,具有一定的界面显示控制能力,它其中包含着一个BasicForm对象,用来执行向服务器提交,加载等动作。Extjs也对...
在本文中,我们将深入探讨 `Ext.form` 模块中的 `Action` 和 `BasicForm` 类,以及 `FormPanel` 组件,这些都是EXTJS中处理表单操作的关键概念。 1. **Ext.form.Action** - `success` 和 `failure` 回调函数:这两...
在EXTJS4的API中,通常我们会看到一个`url`属性,这个属性指定了FormPanel在提交表单时将数据发送到的服务器端处理地址。然而,如果希望同一个FormPanel实例能够根据不同的上下文提交到不同的URL,我们需要稍微调整...
在`change`事件处理函数中,创建一个隐藏的Ext.form.BasicForm实例,并将FileUploadField添加到表单中。 4. **提交表单**: 使用`form.submit()`方法,指定服务器端的URL和可能的回调函数,这会使用Ajax提交文件...
BasicForm提供了`url`配置项,因此我们可以通过获取FormPanel的BasicForm实例来改变提交URL。以下是如何实现这个功能的示例: ```javascript // 获取FormPanel的Form对象 var form = panel.getForm(); // 动态设置...