/** * <p> * 第一种Ajax提交方式 * </p> * <p> * 这种方式需要直接使用ext Ajax方法进行提交 * </p> * <p> * 使用这种方式,需要将待传递的参数进行封装 * </p> * * @return */ function saveUser_ajaxSubmit1() { Ext.Ajax.request( { url : 'user_save.action', method : 'post', params : { userName : document.getElementById('userName').value, password : document.getElementById('password').value }, success : function(response, options) { var o = Ext.util.JSON.decode(response.responseText); alert(o.msg); }, failure : function() { } }); } /** * <p> * 第二种Ajax提交方式 * </p> * <p> * 这种方式将为ext的ajax指定一个html表单 * </p> * <p> * 使用这种方式,不需要将待传递的参数进行封装 * </p> * * @return */ function saveUser_ajaxSubmit2() { Ext.Ajax.request( { url : 'user_save.action', method : 'post', form : 'userForm', // 指定表单 success : function(response, options) { var o = Ext.util.JSON.decode(response.responseText); alert(o.msg); }, failure : function() { } }); } /** * <p> * 第三种Ajax提交方式 * </p> * <p> * 这种方式将为ext的自己的表单进行提交 * </p> * <p> * 使用这种方式,需要使用ext自己的textField组件 * </p> * * @return */ function saveUser_ajaxSubmit3() { // 定义表单 var formPanel = new Ext.FormPanel( { labelWidth : 75, frame : true, bodyStyle : 'padding:5px 5px 0', width : 350, defaults : { width : 230 }, defaultType : 'textfield', items : [ { fieldLabel : '用户名', name : 'userName', allowBlank : false }, { fieldLabel : '密 码', name : 'password' } ] }); // 定义窗口 var win = new Ext.Window( { title : '添加用户', layout : 'fit', width : 500, height : 300, closeAction : 'close', closable : false, plain : true, items : formPanel, buttons : [ { text : '确定', handler : function() { var form = formPanel.getForm(); var userName = form.findField('userName').getValue().trim(); var password = form.findField('password').getValue().trim(); if (!userName) { alert('用户名不能为空'); return; } if (!password) { alert('密码不能为空'); return; } form.submit( { waitTitle : '请稍后...', waitMsg : '正在保存用户信息,请稍后...', url : 'user_save.action', method : 'post', success : function(form, action) { alert(action.result.msg); }, failure : function(form, action) { alert(action.result.msg); } }); } }, { text : '取消', handler : function() { win.close(); } } ] }); win.show(); } /** * <p> * 第四种Ajax提交方式 * </p> * <p> * 这种方式将html的表单转化为ext的表单进行异步提交 * </p> * <p> * 使用这种方式,需要定义好html的表单 * </p> * * @return */ function saveUser_ajaxSubmit4() { new Ext.form.BasicForm('userForm').submit( { waitTitle : '请稍后...', waitMsg : '正在保存用户信息,请稍后...', url : 'user_save.action', method : 'post', success : function(form, action) { alert(action.result.msg); }, failure : function(form, action) { alert(action.result.msg); } }); }
您还没有登录,请您登录后再发表评论
主要介绍了extJS中常用的4种Ajax异步提交方式,需要的朋友可以参考下
AJAX: 以JSON数据格式,使用ExtJS构造动态异步加载的树。
extjs3.0 ajax 同步请求
资料中有关于ajax框架中的Extjs框架的详细解释,异步请求和响应,以及一些特殊的用途.
使用Ext进度条界面,vs2005+Ajax异步轮询,真正显示服务器的进度。
这是我花费数月写的关于Extjs的原创教程,共29个章节。下面是目录: 目 录 1 第一章:序 6 第二章:准备与资源 9 一、下载 9 二、拦路虎 9 三、布署环境 11 四、SpketIDE 12 五、资源 16 六、小结 16 第三章:Ext ...
实现treegrid组件的(CRUD)读取、新增、修改、删除 //设置grid单元格处于编辑状态 ...//异步Ajax提交新增数据 insertdb:function(newrecords) //异步Ajax提交修改数据 updatedb:function(updaterecords)
从数据库获取构造树结构是ExtJS TreePanel的核心技术,常用方法是TreeStroe里配置proxy,这种方式的root成了一个不受控制的节点。 TreeStroe的root实际是一个层叠json数据,大部分情况是直接写一些简单数据,但在...
Extjs6 插件IFrame.js存在一定问题。同步利用ajax进行异步检测访问是否可达,如果不可达则重置iframe的url,指定显示404界面。
ajax异步数据交互,Extjs写界面,数据库操作(包括模糊查询),spring + Hibernate + struts2整合extjs和DWR。项目中主要有两大角色,Admin管理员和reader读者。两者的权限控制我采用了一种特殊的方式,只是这一种方式...
使用filter来做后台,Ext.Ajax.on('requestcomplete', checkUserSessionStatus, this);用requestcomplete这个方法来异步判断session是否已经失效了
Ajax技术可以实现用户异步请求,减轻网络负载,ExtJS作为Ajax的RIA框架,使得界面构建更加容易。从Ajax原理,ExtJS在OA型系统中的应用及性能调优出发,设计实现了三农电子商城后台管理系统,并探讨了ExtJS在基于B/S...
教学支持管理系统,加入了Extjs,JQuery等网页技术,整个网站使用AJAX进行异步数据传输,无刷新。。。微软之星校园比赛项目
我们一般会使用遵循MVC设计模式的Struts来规范程序结构,使用优秀的ORM组件Hibernate来简化数据库访问操作,使用系统黏合剂Spring来提高开发效率,使用异步访问的Ajax来提高用户体验。而今天我们要做的一个demo是一...
Spring是当今最主流的服务层框架,它的使用...此外,在表示层不仅使用了Struts和JSP,还用到了DWR和ExtJs这两大AJAX技术。使用AJAX技术不仅可以使界面美观,操作更具人性化,异步交互还能减轻服务器的数据传输负担。
由于是store是异步加载的,所以他会先赋值再填充值到ComboBox,,这里就需要用: 当加载完成后再进行赋值 : 复制代码 代码如下: editCityStore.load({ params: { provinceID: proid }, callback: function () { //...
整个系统都使用了AJAX(Asynchronous JavaScript and XML)技术,与服务器交互采用异步方式,真正实现了OPOA(One Page One Application)单页程序。减少了用户等待的时间,抛弃了传统的B/S那种,提交>等待>刷新。
当树节点较多的时候很好用,具体的可以下载下来试试
并且以进销存管理平台的权限管理系统为切入点对系统运用的ExtJS技术和SSH2框架进行分析,在系统分析设计中展示ExtJS多级动态树结构如何在权限管理系统中应用并实现Ajax技术的异步加载树节点功能,并因此提高权限管理...
相关推荐
主要介绍了extJS中常用的4种Ajax异步提交方式,需要的朋友可以参考下
AJAX: 以JSON数据格式,使用ExtJS构造动态异步加载的树。
extjs3.0 ajax 同步请求
资料中有关于ajax框架中的Extjs框架的详细解释,异步请求和响应,以及一些特殊的用途.
使用Ext进度条界面,vs2005+Ajax异步轮询,真正显示服务器的进度。
这是我花费数月写的关于Extjs的原创教程,共29个章节。下面是目录: 目 录 1 第一章:序 6 第二章:准备与资源 9 一、下载 9 二、拦路虎 9 三、布署环境 11 四、SpketIDE 12 五、资源 16 六、小结 16 第三章:Ext ...
实现treegrid组件的(CRUD)读取、新增、修改、删除 //设置grid单元格处于编辑状态 ...//异步Ajax提交新增数据 insertdb:function(newrecords) //异步Ajax提交修改数据 updatedb:function(updaterecords)
从数据库获取构造树结构是ExtJS TreePanel的核心技术,常用方法是TreeStroe里配置proxy,这种方式的root成了一个不受控制的节点。 TreeStroe的root实际是一个层叠json数据,大部分情况是直接写一些简单数据,但在...
Extjs6 插件IFrame.js存在一定问题。同步利用ajax进行异步检测访问是否可达,如果不可达则重置iframe的url,指定显示404界面。
ajax异步数据交互,Extjs写界面,数据库操作(包括模糊查询),spring + Hibernate + struts2整合extjs和DWR。项目中主要有两大角色,Admin管理员和reader读者。两者的权限控制我采用了一种特殊的方式,只是这一种方式...
使用filter来做后台,Ext.Ajax.on('requestcomplete', checkUserSessionStatus, this);用requestcomplete这个方法来异步判断session是否已经失效了
Ajax技术可以实现用户异步请求,减轻网络负载,ExtJS作为Ajax的RIA框架,使得界面构建更加容易。从Ajax原理,ExtJS在OA型系统中的应用及性能调优出发,设计实现了三农电子商城后台管理系统,并探讨了ExtJS在基于B/S...
教学支持管理系统,加入了Extjs,JQuery等网页技术,整个网站使用AJAX进行异步数据传输,无刷新。。。微软之星校园比赛项目
我们一般会使用遵循MVC设计模式的Struts来规范程序结构,使用优秀的ORM组件Hibernate来简化数据库访问操作,使用系统黏合剂Spring来提高开发效率,使用异步访问的Ajax来提高用户体验。而今天我们要做的一个demo是一...
Spring是当今最主流的服务层框架,它的使用...此外,在表示层不仅使用了Struts和JSP,还用到了DWR和ExtJs这两大AJAX技术。使用AJAX技术不仅可以使界面美观,操作更具人性化,异步交互还能减轻服务器的数据传输负担。
由于是store是异步加载的,所以他会先赋值再填充值到ComboBox,,这里就需要用: 当加载完成后再进行赋值 : 复制代码 代码如下: editCityStore.load({ params: { provinceID: proid }, callback: function () { //...
整个系统都使用了AJAX(Asynchronous JavaScript and XML)技术,与服务器交互采用异步方式,真正实现了OPOA(One Page One Application)单页程序。减少了用户等待的时间,抛弃了传统的B/S那种,提交>等待>刷新。
当树节点较多的时候很好用,具体的可以下载下来试试
并且以进销存管理平台的权限管理系统为切入点对系统运用的ExtJS技术和SSH2框架进行分析,在系统分析设计中展示ExtJS多级动态树结构如何在权限管理系统中应用并实现Ajax技术的异步加载树节点功能,并因此提高权限管理...