`

extjs 实现保存信息到后台

 
阅读更多

onSave:function(){
                  
                      var userName = Ext.getCmp('Fd_userName').getValue();
                       var userRealName = Ext.getCmp('Fd_userRealName').getValue();
                       var userIDCard = Ext.getCmp('Fd_userIDCard').getValue();
                       var userRole = Ext.getCmp('Fd_userRole').getValue();
                       var userDep = Ext.getCmp('Fd_userDep').getValue();
                       var userGroup = Ext.getCmp('Fd_userGroup').getValue();
                       var userMajor = Ext.getCmp('Fd_userMajor').getValue();
                       var userWork = Ext.getCmp('Fd_userWork').getValue();
                       var registerTime = Ext.getCmp('Fd_registerTime').getValue();
                       var lock = Ext.getCmp('Fd_lock').getValue();
                       var remark = Ext.getCmp('Fd_remark').getValue();
                       console.log(userDep);
                     
                       if(this.userForm.getForm().isValid()){
                            var loadMarsk = new Ext.LoadMask(document.body,{
                                 msg : '正在提交数据,请稍候...',
                                 removeMask : true// 完成后移除
                            });
                            loadMarsk.show(); //显示
                            Ext.Ajax.request({
                                url : '<%=basePath%>UserServlet.do?method=userUpdate&id=${user.pk_id}',
                                method:'GET',
                                callback : function(options,success,response){
                                    var result = Ext.util.JSON.decode(response.responseText);
                                    if(result.success){
                                        loadMarsk.hide();
                                        Ext.Msg.alert("提示","成功保存数据!");
                                       //  this.onClose();
                                    }else{
                                        loadMarsk.hide();
                                        Ext.Msg.alert("错误","保存数据失败!");
                                    }
                                },
                                params : {
                                  userName       : encodeURIComponent(userName),
                                    userRealName : encodeURIComponent(userRealName),
                                    userIDCard   : encodeURIComponent(userIDCard),
                                    userRole     : encodeURIComponent(userRole),
                                    userDep      : encodeURIComponent(userDep),
                                    userGroup    : encodeURIComponent(userGroup),
                                    userMajor    : encodeURIComponent(userMajor),
                                    userWork     : encodeURIComponent(userWork),
                                    registerTime : registerTime,
                                    lock         : lock,
                                    remark       : encodeURIComponent(remark)
                                },
                                scope : this
                            });
                 }
                 },

分享到:
评论

相关推荐

    EXTJS产品级别管理后台源代码

    EXTJS产品级别管理后台源代码则是一个使用EXTJS开发的后端管理系统,主要用于处理产品的分级和管理任务。 在EXTJS中,产品级别的管理可能涉及到以下几个核心概念和技术: 1. **EXTJS组件系统**:EXTJS的核心是其...

    extjs实现增删查改

    在“extjs实现增删查改”这个主题中,我们将探讨如何使用ExtJS来实现基本的数据操作功能。 首先,增删查改(CRUD,Create, Read, Update, Delete)是任何数据管理应用的核心功能。在ExtJS中,我们可以利用Grid ...

    extjs和数据库的后台交互

    ExtJS的组件和模型(Models)支持JSON数据,因此在与后台交互时,通常会将数据库中的数据转换为JSON格式发送给前端,或者接收前端提交的JSON数据并保存到数据库。使用JSON的好处在于其结构清晰、易于解析,并且跨...

    用nodejs,express,ejs,mongo,extjs实现了简单了网站后台管理系统

    原来的系统前端使用了extjs4.2.1,后端使用了PHP5.4和ZEND框架开发,后台数据库是用mongodb2.2.2。 我抽离出了原来系统中的账户管理,角色管理,菜单管理,权限管理这4个部分, 我想这4个部分,基本上所有的系统都会...

    EXTJS 服装批发网站后台

    在“EXTJS 服装批发网站后台”项目中,EXTJS 被用来设计和实现高效、交互性强的用户界面,为服装批发业务提供后台支持。这个后台系统包含了两个主要的功能模块:产品档案管理和订单管理。 1. **产品档案管理**: ...

    ExtJS Filter 实现表格过滤

    这可以通过`Ext.state.Provider`类来实现,保存用户设定的过滤器状态到cookie或服务器端。 ### 性能优化 **7. 性能考虑** 对于大数据量的Grid,直接过滤所有数据可能会导致性能问题。为了避免这种情况,可以采用...

    Extjs4文件上传,后台struts2

    在`execute`方法中,我们检查了是否有文件被选中,如果有的话,将其保存到服务器的指定路径。`addFieldError`用于在文件未选择时返回错误消息。 最后,别忘了在Struts2的配置中启用文件上传功能: ```xml ``` 这...

    .net+Extjs 实现文件的上传下载

    在.NET和ExtJS框架下实现文件的上传与下载是一项常见的任务,这涉及到Web应用程序与用户交互的核心功能。这里,我们将深入探讨如何利用这两个技术来构建这样的功能。 首先,.NET框架,尤其是ASP.NET,提供了丰富的...

    Extjs和后台数据库交互的程序,增删改查

    ExtJS是一种基于JavaScript的...通过这个项目,开发者可以学习到如何使用ExtJS实现客户端与后台数据库的完整交互流程,这对于构建复杂的Web应用是非常重要的技能。同时,了解后端API设计和数据库操作也是必不可少的。

    SSH+ExtJs实现表单的增删改查CRUD

    在IT领域,SSH+ExtJS实现的CRUD(Create, Read, Update, Delete)操作是Web应用程序开发中的常见任务,通常用于构建数据管理界面。SSH指的是Struts2、Hibernate和Spring这三个开源Java框架的组合,而ExtJS则是一个...

    ASPnet+Extjs+网站通用后台框架

    ASP.NET + ExtJS + 网站通用后台框架是一个基于微软的ASP.NET技术和Sencha的ExtJS前端框架构建的高效、可复用的网站开发解决方案。这个框架集合了后端的C#编程语言、ASP.NET Web应用程序框架以及SQL数据库管理,为...

    ExtJS做到学生管理系统

    总的来说,"学生管理系统"利用ExtJS实现了前端的用户界面和交互,Java和JSP则在后台处理业务逻辑和数据操作,三者结合构建了一个高效、稳定且功能丰富的Web应用。这样的系统设计既满足了用户操作的需求,又保证了...

    通用Extjs后台程序

    数据查看和编辑功能可能涉及到数据表格,允许用户浏览和修改数据库中的信息。日志记录则有助于追踪系统操作,便于故障排查和审计。 在压缩包中的"app"文件可能是整个应用的核心部分。在ExtJS应用中,"app"通常包含...

    extjs与后台数据交换的一些测试类

    在与后台数据交换中,ExtJS扮演着关键角色,它通过Ajax技术与服务器进行通信,实现了异步的数据加载、更新和保存。在你提供的"extjs与后台数据交换的一些测试类"中,我们可以深入探讨以下几个核心知识点: 1. **...

    extjs+dwr3.0实现文件上传

    // 处理上传的文件,如保存到服务器的某个目录 } } ``` 为了让EXTJS和DWR协同工作,我们需要在DWR配置文件中声明这个服务,并在EXTJS中调用这个服务。在DWR的`dwr.xml`配置文件中,添加以下配置: ```xml ``...

    extjs与swfupload实现java文件批量上传 s2sh

    如果使用了数据库,还可以在此处添加记录,保存文件元信息。 4. **配置文件**:在Struts2的配置文件中,配置对应的Action映射,确保上传请求能正确路由到处理方法。同时,Spring的配置文件需要声明Action和Service...

    ExtJs2.0 SSH 实现简单结构与上传文件 数据库同步树形结构

    描述中提到的“文件上传”功能,通常在`ExtJs2.0`中通过FileUploadField组件来实现,配合后台SSH框架接收文件并保存到服务器。这一过程涉及到文件的验证、临时存储和持久化,需要考虑到文件大小限制、安全性和效率等...

    extjs模拟excel表格

    ExtJS 提供了Store组件,可以绑定到各种数据源,如JSON、XML或Array。数据可以通过Ajax请求加载,也可以手动填充。 2. **列配置**:GridPanel的列可以通过配置项定义,包括列名、宽度、对齐方式、排序和过滤等。...

    MVC设计模式实战ExtJS4.2高级组件+SSH2在线投稿系统

    05.创建菜单树、前台保存用户信息 06.菜单树响应事件、我的文章模块界面搭建 07.继续搭建我的文章模块,同时实现后台查询 08.实现添加文章功、优化代码 09.实现文章类别的选择、实现添加文章的后台功能 10.实现添加...

Global site tag (gtag.js) - Google Analytics