`
韩悠悠
  • 浏览: 830174 次
  • 性别: 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 表单提交登陆实现代码

    上一篇简单做了一个用ext写的登陆界面,今天来实现登陆效果,主要是回顾下ext中表单提交方法的使用。

    ExtJs4.0 表单提交Demo

    一个简单的ExtJs4.0搭建环境,利用Ext Ajax的方式提交表单,可使得显示层和控制层完全分开.

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

    在使用myeclipse过程中,我使用ajax同步请求传递参数到后台却出现中文乱码,这是我解决问题的代码,希望对您有所帮助

    如何提交Extjs 中的表单

    本工程为java Web 工程,旨在演示如何提交Extjs 中的表单。 本工程编码方式:UTF-8; 欢迎下载。

    learning extjs 中文版 表单提交

    NULL 博文链接:https://guoyiqi.iteye.com/blog/324854

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

    代码如下: /** * 提交表单 */ function $postForm(a) { if (a.formPanel.getForm().isValid()) { var b = a.scope ? a.scope: this; a.formPanel.getForm().submit({ scope: b, url: a.url, method: “post”, ...

    Ext_SpringMVC(Ext结合SoringMVC注解)

    1, 基本实现了数据的增删改操作; 2,表格的动态编辑刷新事件; 3,SpringMVC注解应用;...4,ExtJS表单提交,表格复选框,Ajax服务器提交; 5,外加邮件群发技术的实现; 适合初学者!大师就不要下载了!

    轻松搞定Extjs_原创

    三、提交表单至服务器 97 四、小结 100 第十六章:更多表单组件 102 一、您能说出哪些表单组件呢? 102 二、表单组件关系图 102 三、组件配置选项介绍 103 四、完整源代码 107 五、小结 112 第十七章:悬停提示与...

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

    form表单提交后无法进入success函数的问题,很是常见,下面有个不错的解决方法,感兴趣的朋友可以参考下

    精通JS脚本之ExtJS框架.part2.rar

    7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的基本属性 8.1.2 制作第一个表格 8.2 表格常用功能详解 8.2.1 主要属性功能 8.2.2 自定义列宽度 8.2.3 执行按列排序 8.2.4 ...

    ExtJSWeb应用程序开发指南(第2版)

    4.3.4 标准模式的表单数据提交 4.3.5 使用Direct技术 4.4 本章小结 第5章 面板及布局类 5.1 面板panel 5.1.1 认识Ext.panel.Panel 5.1.2 Ext.panel.Panel的主要功能 5.1.3 使用Ext.panel.Panel 5.2 标准...

    extjs中的xtype的所有类型介绍

    17. displayfield - xtype: 'displayfield', 描述: 仅显示,不校验/不被提交的文本框 18. radiogroup - xtype: 'radiogroup', 描述: 编组的单选按钮(Since 2.2) 图表组件 1. chart - xtype: 'chart', 描述: 图表...

    Extjs 的form load

    ext form 提交表单介绍 个个属性的介绍 两个函数介绍

    ExtJs与Java通信

    最完善的ExtJS与Java后台通信,两种数据传输第一种采用的是JSon,第二种是采用直接提交Form表单,个人觉得ExtJS比Flex与Java通信要简单写,呵呵。谁有WebService学习资料告诉我啊,要自己写WebService了哈。

    精通JS脚本之ExtJS框架.part1.rar

    7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的基本属性 8.1.2 制作第一个表格 8.2 表格常用功能详解 8.2.1 主要属性功能 8.2.2 自定义列宽度 8.2.3 执行按列排序 8.2.4 ...

Global site tag (gtag.js) - Google Analytics