zoukankan      html  css  js  c++  java
  • EXTJs前后台交互 常用哦3种方式

    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();
  • 相关阅读:
    curl
    Bazel 国内镜像源加速下载 + 编译gvisor
    go proxy 代理
    netstack gvisor
    rust libc
    gVisor in depth
    Unikernel
    Unikernel初体验
    github 文本编辑
    cloud-hypervisor coredump
  • 原文地址:https://www.cnblogs.com/airen123/p/8776494.html
Copyright © 2011-2022 走看看