EXTJS4.0 3种和后台交互数据的方法

原创 2016年09月15日 11:40:41
1.数据源store 

store通常是作为grid的数据源,以便来更新grid的数据.其实这也是它最正规的用法,但其也可以把它作为与后台交互的一种方法,前提是只需向后台发送数据,而不需要接收后台返回的数据. 
    创建一个公共的store,不与任何表有联系,只需要下面简单的几句话 
    var publicstore = Ext.create('Ext.data.Store', {    
           proxy : { 
                type : 'ajax', 
                url : '' 
           } 
      }); 

 如果只是想往后台传个数据的话 
 publicstore.proxy.url='a.action?id=1'; 
   publicstore.load(); 
2.form表单的提交方法 
  表单提交涉及到两种,第一就是单纯的提交表单,把该表单的信息提交到后台action处理,不用任何参数 

                       fs.form.submit( { 
                                        clientValidation : true, 
                                         url : 'saveform.action', 
                                         method : 'POST', 
                                         success : function(form, action) {                                           
                                         }, 
                                         failure : function(form, action) { 
                                         } 
                                     }); 
第二,就是作为后台交互,传输数据,需加上要传输的参数 
                                    fs.form.submit( { 
                                        clientValidation : true, 
                                         url : 'delbyid.action?id=' + encodeURI(id), 
                                         method : 'POST', 
                                         success : function(form, action) {                                           
                                         }, 
                                         failure : function(form, action) { 
                                         } 
                                     }); 
3.用Ext.Ajax.request 
      这个最简单,最方便,增删改操作都可以用,而且不用估计啥,唯一需要注意的就是网页和项目的编码格式 
                                           Ext.Ajax.request( { 
                                                         timeout : 3000000, 
                                                         url : 'save.action', 
                                                         params : 'id='+ encodeURI(id)+ '&descr='+ encodeURI(descr) , 
                                                         success : function(response, config) {                                                     
                                                         }, 
                                                         failure : function(form, action) { 
                                                             
                                                         } 
                                                     }) 
版权声明:本文为博主原创文章,未经博主允许不得转载。

11、ExtJs——数据模型

数据模型的三大基本部分:model
  • kaoa000
  • kaoa000
  • 2014年09月25日 08:24
  • 775

EXT用AJAX传值到后台简单处理

Ext.Ajax.request({ // 发送请求 url : deleteUrl, method : 'POST', params : { jsonStr : Ext.util.JSON...
  • chenXiaosCode
  • chenXiaosCode
  • 2016年09月30日 09:25
  • 325

ExtJs6 form回显combo下拉框的值方法

一般grid加载出来值之后我们对某一行编辑时,打开form会出现远程查询下拉框值不会回显,也就是没有值的情况,我们可以按照以下方法让值回显。 比如说后端返回实体类中有cityId和cityName两...
  • eumenides_
  • eumenides_
  • 2016年06月02日 17:29
  • 2451

extjs4 编辑数据时的回显

1) grid.getSelectionModel().getLastSelected();//获取选中的gr
  • u012241661
  • u012241661
  • 2014年06月03日 11:18
  • 384

Extjs分页数据与后台交互

自己就是记记笔记,欢迎讨论,测试通过 1,前端代码 这里最重要的就是::1)路径:url:"role/search.do" 2)配置json数据格式:例如:[{"total":50,"rows":[{...
  • changjh1
  • changjh1
  • 2017年01月13日 15:08
  • 1825

extjs 提交请求

Extjs的三种提交方式: 表单Ajax提交,普通提交,单独Ajax提交; 1.表单ajax提交(默认提交方式) 提交函数:当按下表单中的提交按钮时执行下面的btn函数,按照表单的name进行提交。提...
  • li346985170
  • li346985170
  • 2014年02月11日 17:01
  • 1378

EXTJs前后台交互

Ajax交互方式 Ext.Ajax.request( { //被用来向服务器发起请求默认的url url : "", //请求时发送后台的参数,既可以是Json对象,也可以直接使用“n...
  • SJF0115
  • SJF0115
  • 2013年05月23日 10:31
  • 10295

ExtJs--FormPanel简单与后台交互

先看页面中的写法: Js代码     var frm;     Ext.onReady(function(){      var form1 = new Ext.FormPa...
  • yiyuhanmeng
  • yiyuhanmeng
  • 2011年11月09日 14:16
  • 1489

Extjs和数据库后台交互的实例程序

  • 2015年08月03日 15:07
  • 1.57MB
  • 下载

如何把Ext.data.store里的数据一次性用JSON传给后台(添加了后台解析部分)

如何把Ext.data.store里的数据一次性用JSON传给后台(添加了后台解析部分) 前台部分很简单: 首先定义一个数组,用来储存STORE里的值。 之后利用store自带的...
  • evilcry2012
  • evilcry2012
  • 2016年08月24日 09:25
  • 1394
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:EXTJS4.0 3种和后台交互数据的方法
举报原因:
原因补充:

(最多只允许输入30个字)