`
tanlingcau
  • 浏览: 138104 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext.form.FormPanel 提交数据

阅读更多
formPanel.form.submit({
				waitTitle : "请稍候",
				waitMsg : "正在提交表单数据,请稍候.......",
				url : updateurl,
				method : "POST",
				success : function(form, action) {
                        Ext.MessageBox.alert('提交失败', action.result.msg);
					//Ext.MessageBox.alert('提示信息', '数据已经成功提交!');
				},
				failure : function(form, action) {
					Ext.MessageBox.alert('提交失败', action.result.errors);
					//Ext.MessageBox.alert('提示信息', '表单提交失败!');
				}
			});


servlet端返回数据的格式:
success:
"{success:true, msg:'successed!'}"
failure:
"{success:false, errors:'failured!'}"

或者
"{success:false, errors:\"failured!\"}"
或者
"{success:false, errors:{info:'failured!'}}",此时web端应写为Ext.MessageBox.alert('提交失败', action.result.errors.info);

注意function(form, action){}参数的位置不要写反了,要不会得到action.result.errors不是对象或未定义之类的错误
分享到:
评论

相关推荐

    EXT.form组件

    1. `form`:`Ext.FormPanel`是EXT JS中的表单面板,它是一个容器,可以容纳各种表单字段和其他组件。表单面板允许你定义布局、提交行为以及处理表单数据的方法。 2. `checkbox`:`Ext.form.Checkbox`是用于创建复选...

    Ext 添加功能form表单实例

    在这个例子中,通过`new Ext.FormPanel`来创建了一个表单面板,并设置了一些关键属性: - `frame`: 设置为`true`,表示表单周围有一个边框。 - `width` 和 `height`: 分别设置了表单的宽度和高度。 - `layout`: ...

    Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别

    总结,`Ext.FormPanel`的`getForm().submit()`更适合处理基于表单的数据提交,它简化了表单数据的处理和验证,而`Ext.Ajax.request`则提供了更高的灵活性,适用于各种HTTP请求,特别是当需要发送非表单数据或处理...

    Ext组件描述,各个组件含义

    **2.16 Form Panel (Ext.FormPanel)** - **xtype**: `form` - **功能描述**:Form Panel 是一个包含表单字段的面板。 - **主要用途**:用于创建和管理表单,支持数据验证和提交。 **2.17 Checkbox (Ext.form....

    Ext form_load

    `Ext.form.Action.Load`用于加载数据,`Ext.form.Action.Submit`用于提交数据。它们都有success和failure回调函数,用于处理请求的结果。 5. **HTTP响应处理**: 成功或失败的判断并不完全依赖于HTTP状态码,而是...

    ExtJs4.0 表单提交Demo

    在“ExtJs4.0 表单提交Demo”中,我们将深入探讨如何在ExtJs 4.0环境下,通过Ext Ajax模块实现表单的数据提交,同时实现显示层和控制层的分离,提升代码的可维护性和可扩展性。 1. **ExtJs 4.0 表单基础** ExtJs ...

    ExtJs_xtype一览

    - `form`:`Ext.FormPanel` 或 `Ext.form.FormPanel`,用于创建表单的容器。 - `checkbox`:`Ext.form.Checkbox`,多选框组件。 - `combo`:`Ext.form.ComboBox`,下拉选择框。 - `datefield`:`Ext.form....

    ext 的ppt ext 的ppt ext 的pptext 的pptext 的ppt

    Ext JS 是一个强大的JavaScript库,主要用于...总之,Ext Form是Ext JS中的强大组件,提供了丰富的功能来创建、验证和提交表单数据。通过熟练掌握这些知识点,开发者可以构建出高效、用户体验良好的Web应用表单界面。

    EXT异步提交FORM表单

    - **解析请求参数**:由于EXT默认是以POST方式提交数据,所以在Action中需要确保能够正确解析这些参数。 ```java @Override public void validate() { if (username == null || username.trim().equals("")) { ...

    Ext 动态加载表单数据

    Ext Form提供了一种结构化的方式来组织这些字段,并提供了验证、提交和数据绑定等功能。 动态加载表单数据涉及到的主要知识点包括: 1. **JSON数据格式**:JSON(JavaScript Object Notation)是一种轻量级的数据...

    Ext Form 示例

    formPanel.getForm().reset(); // 重置表单 } }] ``` 5. **监听表单事件**:可以监听表单的提交事件,以便在用户点击“提交”按钮时执行相应的操作。 ```javascript listeners: { submit: function(form, ...

    ExtJs组件类的对应表

    1. **`form`** - `Ext.FormPanel`或`Ext.form.FormPanel`,表单面板组件,用于创建表单并管理其字段。 2. **`checkbox`** - `Ext.form.Checkbox`,多选框组件,用于创建多选输入。 3. **`combo`** - `Ext.form....

    EXT提交服务器的三种方式

    在EXT中,有三种主要的方式提交数据到服务器,这些方法主要涉及到前端与后端之间的交互,用于处理用户输入的数据并将其发送到服务器进行处理。以下是EXT提交服务器的三种方式的详细说明: 1. **EXT的Form表单AJAX...

    ext几个实例

    在EXTJS中,Ext.AJAX和Ext.FormPanel是两个核心组件,它们分别用于异步与服务器进行数据交互和构建用户界面表单。本文将详细介绍如何使用这两个组件构建一个完整的登录案例,包括与MySQL数据库的交互。 **1. Ext....

    extJs中关于formPanel动态添加组件的验证问题

    3. **更新验证状态**:如果在表单已经初始化并显示的情况下添加字段,可能需要手动触发FormPanel的验证,可以使用`formPanel.getForm().isValid()`来检查整个表单是否有效。 4. **错误处理**:当验证失败时,EXT JS...

    extJs xtype 类型

    1. **`form`:** 表单面板组件,用于创建表单,通过`Ext.FormPanel/Ext.form.FormPanel`类实现。 2. **`checkbox`:** 多选框组件,通过`Ext.form.Checkbox`类实现。 3. **`combo`:** 下拉框组件,用于创建下拉列表...

    ExtJs xtype一览

    - **`form` (Ext.FormPanel/Ext.form.FormPanel)**: 表单面板组件,用于创建包含多个表单元素的表单。 - **`checkbox` (Ext.form.Checkbox)**: 多选框组件,用于实现多选功能。 - **`combo` (Ext.form.ComboBox)**: ...

    EXT3.2 多选下拉框

    var formPanel = new Ext.form.FormPanel({ items: [multiSelectComboBox], renderTo: Ext.getBody() }); ``` 在上述代码中,我们创建了一个JSON数据存储,并将其与ComboBox关联。设置`multiSelect: true`后,...

Global site tag (gtag.js) - Google Analytics