EXTJs前后台交互 常用哦3种方式

来源:互联网 发布:java设计模式哪本书好 编辑:程序博客网 时间:2024/06/07 10:13
  1. <1>Ajax交互方式  
  2. Ext.Ajax.request(   
  3.     {  
  4.         //被用来向服务器发起请求默认的url  
  5.         url : "",  
  6.         //请求时发送后台的参数,既可以是Json对象,也可以直接使用“name = value”形式的字符串  
  7.         params : {  
  8.             name:'value'  
  9.         },  
  10.         //请求时使用的默认的http方法  
  11.         method : "post",  
  12.         //请求成功时回调函数  
  13.         success : function() {  
  14.             Ext.ux.Toast.msg("信息提示""成功删除所选记录!");  
  15.         },  
  16.         //请求失败时回调函数  
  17.         failure : function() {  
  18.             Ext.ux.Toast.msg("信息提示""信息删除出错,请联系管理员!");  
  19.         }  
  20.     }  
  21. );  
  22. <2>Form交互方式  
  23. this.formPanel = new Ext.FormPanel(  
  24.     {  
  25.         url : ""  
  26.     }  
  27. );  
  28. //提交数据  
  29. formPanel.getForm().submit(  
  30.     {  
  31.         method : "post",  
  32.         params : {  
  33.             name:'value'  
  34.         },  
  35.         waitMsg : "正在提交数据",  
  36.         success : function(b, c) {  
  37.             Ext.ux.Toast.msg("操作信息""提交成功!");  
  38.         },  
  39.         failure : function(b, c) {  
  40.             Ext.ux.Toast.msg("操作信息""提交失败!");  
  41.         }  
  42.     }  
  43. );  
  44. //加载数据  
  45. formPanel.getForm().load(  
  46.     {  
  47.         deferreRender : false,  
  48.         url : "",  
  49.         method : "post",  
  50.         waitMsg : "正在载入数据",  
  51.         success : function(e, g) {  
  52.             var num = g.result.data.num;  
  53.             var numCmp = Ext.getCmp("num");  
  54.             numCmp.setValue(num);  
  55.             Ext.ux.Toast.msg("操作信息""载入成功");  
  56.         },  
  57.         failure : function(a, b) {  
  58.             Ext.ux.Toast.msg("操作信息""载入失败");  
  59.         }  
  60.     }  
  61. ); 
  62. <3> 数据源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();


0 0
原创粉丝点击