`
韩悠悠
  • 浏览: 839721 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

EXTJS表单提交

阅读更多
//表单对象
    var memberForm = new Ext.FormPanel({

        title: '添加新文章信息',

        url:'./member_manage.jsp?command=insert',

        items: [articletitle],
        buttons:[
{
    text:'提交',
    handler : function(){
       if ( memberForm.getForm().isValid() )//表单数据进行验证
            memberForm.getForm().submit({ //提交表单
                waitMsg:'保存中,请稍后...', //表单提交等待过程中,出现的等待字符
                success : function(re,v){ 
                //表单提交成功后,调用的函数.参数分为两个,一个是提交的表单对象,另一个是JSP返回的参数值对象
                var jsonobject = Ext.util.JSON.decode(v.response.responseText);   
                //将返回的JSON数据转换成JSON对象,转换失败即报错.
                // Ext.Msg.alert("msg,oject",jsonobject.msg);                                                              //用JSON对象获取JSON数据的值
                memberForm.getForm().reset();//表单中所有数据置空
                memberAddWindow.hide();//表单隐藏
                bbscenter.getRootNode().reload();// 重新加载树结点.
                }
                failure : function(){
                    Ext.Msg.alert("msg,oject",jsonobject.msg);//返回失败
                });
            }
},{
      text:'取消',
      handler : function(){
                       memberForm.getForm().reset();
                       memberAddWindow.hide();
                     }
     }]
    });



JSP:
out.print("{success:true , msg:'123'}") ;  //只有指定success:true才能返回成功,succes:false或其他字符返回失败.

 

分享到:
评论

相关推荐

    extjs 表单提交

    extjs 表单提交 需 要 注 意 的 事 项

    extjs表单提交例子

    保存提交代码,extjs4.0 // 重置 和 保存 按钮. buttons: [{ text: '重置', handler: function() { this.up('form').getForm().reset(); } }, { text: '保存', /*formBind: true, //only enabled once the ...

    ExtJs 表单提交登陆实现代码

    首先,实现ExtJs表单提交和登录效果通常涉及以下几个步骤: 1. 在ExtJs子类中添加单击提交事件处理函数。这一过程涉及到使用ExtJs框架提供的事件监听机制,它允许开发者为特定组件绑定自定义事件处理逻辑。 在提供...

    ExtJs4.0 表单提交Demo

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

    如何提交Extjs 中的表单

    这个方法会接收到ExtJS表单提交的数据,并根据业务逻辑进行处理。返回的字符串将作为`action.result.message`显示在前端。 总的来说,提交ExtJS表单涉及前端的表单构建、事件监听以及后端的接收和处理。确保前后端...

    extjs 前后台交互参数出现中文乱码问题的解决方法

    ### extjs前后台交互参数出现中文乱码问题的解决方法 #### 问题背景与原因分析 在使用MyEclipse开发工具进行Web应用开发时,尤其是采用ExtJS框架结合Ajax技术进行前后端数据交互的过程中,可能会遇到一个常见的...

    EXT提交表单,ASP.NET

    1. **创建接收端点**:创建一个ASP.NET页面或Web API控制器方法,这个方法会接收EXTJS表单提交的数据。数据通常以POST方式发送,ASP.NET可以通过`Request.Form`或`Request.InputStream`来获取。 2. **处理数据**:...

    learning extjs 中文版 表单提交

    EXTJS表单支持多种事件,如`beforesubmit`、`submit`、`success`和`failure`,这些事件允许开发者在表单提交前后执行自定义操作。例如,`beforesubmit`事件可以在表单提交前进行数据验证或修改,而`success`和`...

    ExtJs 动态添加表单

    console.log('表单提交', action.result); }); ``` 5. **动态移除字段**: 当需要移除某个字段时,可以使用`remove`方法: ```javascript formPanel.remove(textField); formPanel.doLayout(); ``` 6. **...

    php+Extjs+mysql实例

    1. 添加合同:用户填写合同信息后,通过ExtJS表单提交,PHP接收到数据,验证后存入MySQL。 2. 修改合同:用户选择一条合同记录,表单填充当前信息,修改后提交,PHP更新数据库。 3. 删除合同:用户选择要删除的合同...

    extjs表单验证特殊字符

    EXTJS表单验证主要依赖于`Ext.form.field.Base`组件,它是所有表单字段的基础类。每个表单字段都可以配置验证规则,通过`vtype`属性定义基本的验证类型,或者使用`validators`属性自定义验证函数。对于特殊字符的...

    Extjs优化(二)Form表单提交通用实现

    本篇文章主要介绍了一种优化的EXTJS表单提交方法,通过精简代码,提高了开发效率。下面我们将详细探讨这个优化的表单提交通用实现。 首先,我们来看一下提供的优化代码: ```javascript /** * 提交表单 */ ...

    extjs动态表单

    5. **事件监听**:设置事件监听器来处理用户交互,如表单提交、字段变化等。 6. **渲染和显示**:将表单渲染到页面上,让用户可以操作。 从提供的标签“源码”和“工具”来看,可能包含的资源kk.doc可能是一个示例...

    extjs四种异步提交

    虽然示例中没有给出第四种方式,但EXT JS的FormPanel还支持直接在配置中指定Action,这样在表单提交时,EXT JS会根据Action配置自动处理提交逻辑。Action可以是一个包含处理提交的控制器方法的URL,或者是一个EXT ...

    解决Extjs4中form表单提交后无法进入success函数问题

    在开发使用Extjs4框架的应用程序时,可能会遇到form表单提交后,无法正确进入success回调函数的问题。针对这个问题,首先需要进行两个方面的检查和确认,以确保form提交操作能够顺利进入success回调函数。 首先,...

    Extjs表单中的通用组件

    这里的`name`属性是表单提交时的数据字段名称,`fieldLabel`则是在表单界面上显示的标签。 ### 密码框(PasswordField) 密码框与文本框类似,但会将输入的字符显示为星号或其他符号,以保护用户的隐私。在Extjs中...

    extjs中的formPanel以及表单的应用

    alert('表单提交成功'); } else { alert('表单提交失败'); } } } } } ``` 对于更复杂的需求,如动态添加或删除表单字段,FormPanel 提供了`add`和`remove`方法。同时,`loadRecord`方法可以用来从记录对象中...

    Extjs中常用表单介绍与应用

    本文将详细介绍ExtJS中常用表单组件的创建、应用以及验证和数据绑定等方面的知识,旨在帮助读者深入理解和掌握ExtJS表单的使用方法。 ### 表单面板(FormPanel)的创建 在ExtJS中,表单面板(FormPanel)是创建...

Global site tag (gtag.js) - Google Analytics