ExtJs 和后台数据的交互方式

谁借莪１个温暖的怀抱￠ 2021-09-14 11:42 364阅读 0赞

#### 1.**数据源store** ####

store通常是作为grid，tree…的数据源,以便来更新数据.其实这也是它最正规的用法,但其也可以把它作为与后台交互的一种方法,前提是只需向后台发送数据,而不需要接收后台返回的数据.  
创建一个公共的store,不与任何表有联系,只需要下面简单的几句话

var publicstore = Ext.create('Ext.data.Store', { model:"", 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) { 
        } 
    })