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¶m1=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¶m1=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);
}
});
}
相关推荐
同时,EXTjs4.2提供了强大的布局管理器,支持多种布局模式,如fit、form、border等,使界面布局更加灵活。 在数据处理方面,EXTjs4.2加强了数据绑定和模型(Model)的概念,允许开发者方便地处理和展示后台数据。它...
ExtJS 4.2 是一个流行的JavaScript框架,用于构建富客户端Web应用程序。它提供了一套完整的组件库,包括数据管理、图表、表格、菜单、工具栏等,使得开发者能够创建功能丰富的、交互式的用户界面。这本书籍《ExtJS ...
Combobox是EXTJS中的一种表单字段,它结合了文本输入框和下拉菜单,允许用户从预定义的选项列表中选择一个值。默认情况下,所有的选项都会被加载到下拉菜单中,但通过添加分页功能,我们可以将大列表拆分成小块,...
综上所述,`ExtJs4.2 下拉框树`的实现涉及到了组件扩展、树形数据处理、界面布局和交互设计等多个方面,通过对`TreePicker.js`的修改,开发者成功地克服了原生框架的限制,提供了更符合需求的下拉树功能。
图片上传功能通常借助于ExtJS的表单组件(`Ext.form.Panel`)和上传字段(`Ext.form.field.File`)。在ExtJS 4.2中,上传组件可能需要配合第三方插件,如SWFUpload或jQuery File Upload,以实现浏览器兼容性和异步...
### Extjs4.2 日期控件扩展带时分秒:深入解析与应用 #### 一、概述 在Web开发中,特别是在使用ExtJS这样的框架进行界面构建时,日期和时间的选择器是不可或缺的一部分。ExtJS 4.2提供了一个强大的日期控件,但是...
总之,"ExtJs4.2.1年月日时分秒、时分秒控件"是关于使用ExtJS框架创建日期和时间选择功能的。通过理解和利用提供的组件、配置以及测试样例,开发者可以轻松地在Web应用中集成这些控件,提升用户体验。
- **Form Elements**:可能包含特殊类型的输入控件,如颜色选择器、日期选择器、文件上传等,以增加表单的用户体验。 4. **如何使用ux插件** - 在Ext JS应用中,开发者首先需要引入ux插件的JavaScript文件,然后...
在提交表单时,可以将`FormData`对象附加到请求的`body`中,并设置合适的`Content-Type`头: ```javascript uploadForm.getForm().on('submit', function(form, event) { event.preventDefault(); var formData =...
5. **创建组件**:EXTJS提供了大量的预定义组件,如面板(Panel)、表格(Grid)、树形控件(Tree)、表单(Form)等。在`app`目录下创建对应的类文件,如`views/MyPanel.js`,定义组件的配置和行为。 6. **数据...
- **Form Panel**:表单组件,包含多个输入字段,支持数据验证。 - **Tab Panel**:标签页组件,可以在不同的标签页之间切换内容。 - **Window**:弹出窗口组件,常用于显示额外信息或收集用户输入。 - **Tree Panel...
在ExtJs4.2表单控件里分别有个时间控件(datafield)和时间控件(timefield),但是官方提供的控件不能将日期和时分秒整合到一起,我从网上搜集整理了一个可用的选择日期时分秒的拓展控件,extjs版本是4.2,亲测能用,...
EXTJS 4.2.3 是一个非常重要的版本更新,特别是在EXTJS 4.2系列中,它被誉为修复了超过200个错误和问题,从而显著提升了框架的稳定性和性能。EXTJS是一个广泛使用的JavaScript库,专为构建富客户端Web应用程序而设计...
1. **EXTJS 2.0**:作为基础框架,EXTJS 2.0提供了各种UI组件,如表格(Grid)、窗口(Window)、表单(Form)等,用于构建前端界面。 2. **RemoteCheckboxGroup.js**:这是一个自定义组件,用于动态生成表字段,...
4.2 实现表单验证 4.2.1 常见的验证类型 4.2.2 表单验证(VType) 4.2.3 自定义VType验证 4.3 表单的提交和加载 4.3.1 Ext.form.action.Action基础 4.3.2 Ajax模式的表单数据加载 4.3.3 Ajax模式的表单数据...
7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 7.2.1 文本输入控件Ext.form.TextField 7.2.2 多行文本输入控件Ext.form.TextArea 7.2.3 单选框 7.2.4 复选框 7.2.5 下拉列表框 7.2.6 日期输入控件Ext....
它提供了一整套组件化的用户界面元素,包括表格(grid)、表单(form)、存储(store)等,支持MVC(Model-View-Controller)设计模式。在这个"extjsDemo"中,我们可以通过"extDemo"和"ext-4.2"这两个文件来深入理解...
7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 7.2.1 文本输入控件Ext.form.TextField 7.2.2 多行文本输入控件Ext.form.TextArea 7.2.3 单选框 7.2.4 复选框 7.2.5 下拉列表框 7.2.6 日期输入控件Ext....
##### 10.1 表单提交 - **JS文件**: ```javascript var form = new Ext.form.FormPanel({ url: 'submit_form.php', method: 'POST', items: [ { fieldLabel: 'Username', name: 'username', xtype: '...