博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
EXTJs前后台交互 常用哦3种方式
阅读量:5251 次
发布时间:2019-06-14

本文共 1298 字,大约阅读时间需要 4 分钟。

  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(a,b){
  37.             Ext.ux.Toast.msg("操作信息""提交成功!");  
  38.         },  
  39.         failure :function(a,b){
  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();

转载于:https://www.cnblogs.com/airen123/p/8776494.html

你可能感兴趣的文章
jquery的contains方法
查看>>
linux后台运行和关闭SSH运行,查看后台任务
查看>>
桥接模式-Bridge(Java实现)
查看>>
303. Range Sum Query - Immutable
查看>>
C# Dynamic通用反序列化Json类型并遍历属性比较
查看>>
前台freemark获取后台的值
查看>>
Leetcode: Unique Binary Search Trees II
查看>>
C++ FFLIB 之FFDB: 使用 Mysql&Sqlite 实现CRUD
查看>>
Spring-hibernate整合
查看>>
c++ map
查看>>
exit和return的区别
查看>>
Django 相关
查看>>
比较安全的获取站点更目录
查看>>
Python(软件目录结构规范)
查看>>
Windows多线程入门のCreateThread与_beginthreadex本质区别(转)
查看>>
redis哨兵集群、docker入门
查看>>
codeforces水题100道 第二十二题 Codeforces Beta Round #89 (Div. 2) A. String Task (strings)
查看>>
c++||template
查看>>
条件断点 符号断点
查看>>
Python Web框架Django (五)
查看>>