RemotingProvider.js
上传用户:shuoshiled
上传日期:2018-01-28
资源大小:10124k
文件大小:13k
源码类别:

中间件编程

开发平台:

JavaScript

  1. /*!  * Ext JS Library 3.0.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ /**
  2.  * @class Ext.direct.RemotingProvider
  3.  * @extends Ext.direct.JsonProvider
  4.  * 
  5.  * <p>The {@link Ext.direct.RemotingProvider RemotingProvider} exposes access to
  6.  * server side methods on the client (a remote procedure call (RPC) type of
  7.  * connection where the client can initiate a procedure on the server).</p>
  8.  * 
  9.  * <p>This allows for code to be organized in a fashion that is maintainable,
  10.  * while providing a clear path between client and server, something that is
  11.  * not always apparent when using URLs.</p>
  12.  * 
  13.  * <p>To accomplish this the server-side needs to describe what classes and methods
  14.  * are available on the client-side. This configuration will typically be
  15.  * outputted by the server-side Ext.Direct stack when the API description is built.</p>
  16.  */
  17. Ext.direct.RemotingProvider = Ext.extend(Ext.direct.JsonProvider, {       
  18.     /**
  19.      * @cfg {Object} actions
  20.      * Object literal defining the server side actions and methods. For example, if
  21.      * the Provider is configured with:
  22.      * <pre><code>
  23. "actions":{ // each property within the 'actions' object represents a server side Class 
  24.     "TestAction":[ // array of methods within each server side Class to be   
  25.     {              // stubbed out on client
  26.         "name":"doEcho", 
  27.         "len":1            
  28.     },{
  29.         "name":"multiply",// name of method
  30.         "len":2           // The number of parameters that will be used to create an
  31.                           // array of data to send to the server side function.
  32.                           // Ensure the server sends back a Number, not a String. 
  33.     },{
  34.         "name":"doForm",
  35.         "formHandler":true, // direct the client to use specialized form handling method 
  36.         "len":1
  37.     }]
  38. }
  39.      * </code></pre>
  40.      * <p>Note that a Store is not required, a server method can be called at any time.
  41.      * In the following example a <b>client side</b> handler is used to call the
  42.      * server side method "multiply" in the server-side "TestAction" Class:</p>
  43.      * <pre><code>
  44. TestAction.multiply(
  45.     2, 4, // pass two arguments to server, so specify len=2
  46.     // callback function after the server is called
  47.     // result: the result returned by the server
  48.     //      e: Ext.Direct.RemotingEvent object
  49.     function(result, e){
  50.         var t = e.getTransaction();
  51.         var action = t.action; // server side Class called
  52.         var method = t.method; // server side method called
  53.         if(e.status){
  54.             var answer = Ext.encode(result); // 8
  55.     
  56.         }else{
  57.             var msg = e.message; // failure message
  58.         }
  59.     }
  60. );
  61.      * </code></pre>
  62.      * In the example above, the server side "multiply" function will be passed two
  63.      * arguments (2 and 4).  The "multiply" method should return the value 8 which will be
  64.      * available as the <tt>result</tt> in the example above. 
  65.      */
  66.     
  67.     /**
  68.      * @cfg {String/Object} namespace
  69.      * Namespace for the Remoting Provider (defaults to the browser global scope of <i>window</i>).
  70.      * Explicitly specify the namespace Object, or specify a String to have a
  71.      * {@link Ext#namespace namespace created} implicitly.
  72.      */
  73.     
  74.     /**
  75.      * @cfg {String} url
  76.      * <b>Required<b>. The url to connect to the {@link Ext.Direct} server-side router. 
  77.      */
  78.     
  79.     /**
  80.      * @cfg {String} enableUrlEncode
  81.      * Specify which param will hold the arguments for the method.
  82.      * Defaults to <tt>'data'</tt>.
  83.      */
  84.     
  85.     /**
  86.      * @cfg {Number/Boolean} enableBuffer
  87.      * <p><tt>true</tt> or <tt>false</tt> to enable or disable combining of method
  88.      * calls. If a number is specified this is the amount of time in milliseconds
  89.      * to wait before sending a batched request (defaults to <tt>10</tt>).</p>
  90.      * <br><p>Calls which are received within the specified timeframe will be
  91.      * concatenated together and sent in a single request, optimizing the
  92.      * application by reducing the amount of round trips that have to be made
  93.      * to the server.</p>
  94.      */
  95.     enableBuffer: 10,
  96.     
  97.     /**
  98.      * @cfg {Number} maxRetries
  99.      * Number of times to re-attempt delivery on failure of a call.
  100.      */
  101.     maxRetries: 1,
  102.     constructor : function(config){
  103.         Ext.direct.RemotingProvider.superclass.constructor.call(this, config);
  104.         this.addEvents(
  105.             /**
  106.              * @event beforecall
  107.              * Fires immediately before the client-side sends off the RPC call.
  108.              * By returning false from an event handler you can prevent the call from
  109.              * executing.
  110.              * @param {Ext.direct.RemotingProvider} provider
  111.              * @param {Ext.Direct.Transaction} transaction
  112.              */            
  113.             'beforecall',
  114.             /**
  115.              * @event call
  116.              * Fires immediately after the request to the server-side is sent. This does
  117.              * NOT fire after the response has come back from the call.
  118.              * @param {Ext.direct.RemotingProvider} provider
  119.              * @param {Ext.Direct.Transaction} transaction
  120.              */            
  121.             'call'
  122.         );
  123.         this.namespace = (typeof this.namespace === 'string') ? Ext.ns(this.namespace) : this.namespace || window;
  124.         this.transactions = {};
  125.         this.callBuffer = [];
  126.     },
  127.     // private
  128.     initAPI : function(){
  129.         var o = this.actions;
  130.         for(var c in o){
  131.             var cls = this.namespace[c] || (this.namespace[c] = {});
  132.             var ms = o[c];
  133.             for(var i = 0, len = ms.length; i < len; i++){
  134.                 var m = ms[i];
  135.                 cls[m.name] = this.createMethod(c, m);
  136.             }
  137.         }
  138.     },
  139.     // inherited
  140.     isConnected: function(){
  141.         return !!this.connected;
  142.     },
  143.     connect: function(){
  144.         if(this.url){
  145.             this.initAPI();
  146.             this.connected = true;
  147.             this.fireEvent('connect', this);
  148.         }else if(!this.url){
  149.             throw 'Error initializing RemotingProvider, no url configured.';
  150.         }
  151.     },
  152.     disconnect: function(){
  153.         if(this.connected){
  154.             this.connected = false;
  155.             this.fireEvent('disconnect', this);
  156.         }
  157.     },
  158.     onData: function(opt, success, xhr){
  159.         if(success){
  160.             var events = this.getEvents(xhr);
  161.             for(var i = 0, len = events.length; i < len; i++){
  162.                 var e = events[i];
  163.                 var t = this.getTransaction(e);
  164.                 this.fireEvent('data', this, e);
  165.                 if(t){
  166.                     this.doCallback(t, e, true);
  167.                     Ext.Direct.removeTransaction(t);
  168.                 }
  169.             }
  170.         }else{
  171.             var ts = [].concat(opt.ts);
  172.             for(var i = 0, len = ts.length; i < len; i++){
  173.                 var t = this.getTransaction(ts[i]);
  174.                 if(t && t.retryCount < this.maxRetries){
  175.                     t.retry();
  176.                 }else{
  177.                     var e = new Ext.Direct.ExceptionEvent({
  178.                         data: e,
  179.                         transaction: t,
  180.                         code: Ext.Direct.exceptions.TRANSPORT,
  181.                         message: 'Unable to connect to the server.',
  182.                         xhr: xhr
  183.                     });
  184.                     this.fireEvent('data', this, e);
  185.                     if(t){
  186.                         this.doCallback(t, e, false);
  187.                         Ext.Direct.removeTransaction(t);
  188.                     }
  189.                 }
  190.             }
  191.         }
  192.     },
  193.     getCallData: function(t){
  194.         return {
  195.             action: t.action,
  196.             method: t.method,
  197.             data: t.data,
  198.             type: 'rpc',
  199.             tid: t.tid
  200.         };
  201.     },
  202.     doSend : function(data){
  203.         var o = {
  204.             url: this.url,
  205.             callback: this.onData,
  206.             scope: this,
  207.             ts: data
  208.         };
  209.         // send only needed data
  210.         var callData;
  211.         if(Ext.isArray(data)){
  212.             callData = [];
  213.             for(var i = 0, len = data.length; i < len; i++){
  214.                 callData.push(this.getCallData(data[i]));
  215.             }
  216.         }else{
  217.             callData = this.getCallData(data);
  218.         }
  219.         if(this.enableUrlEncode){
  220.             var params = {};
  221.             params[typeof this.enableUrlEncode == 'string' ? this.enableUrlEncode : 'data'] = Ext.encode(callData);
  222.             o.params = params;
  223.         }else{
  224.             o.jsonData = callData;
  225.         }
  226.         Ext.Ajax.request(o);
  227.     },
  228.     combineAndSend : function(){
  229.         var len = this.callBuffer.length;
  230.         if(len > 0){
  231.             this.doSend(len == 1 ? this.callBuffer[0] : this.callBuffer);
  232.             this.callBuffer = [];
  233.         }
  234.     },
  235.     queueTransaction: function(t){
  236.         if(t.form){
  237.             this.processForm(t);
  238.             return;
  239.         }
  240.         this.callBuffer.push(t);
  241.         if(this.enableBuffer){
  242.             if(!this.callTask){
  243.                 this.callTask = new Ext.util.DelayedTask(this.combineAndSend, this);
  244.             }
  245.             this.callTask.delay(typeof this.enableBuffer == 'number' ? this.enableBuffer : 10);
  246.         }else{
  247.             this.combineAndSend();
  248.         }
  249.     },
  250.     doCall : function(c, m, args){
  251.         var data = null, hs = args[m.len], scope = args[m.len+1];
  252.         if(m.len !== 0){
  253.             data = args.slice(0, m.len);
  254.         }
  255.         var t = new Ext.Direct.Transaction({
  256.             provider: this,
  257.             args: args,
  258.             action: c,
  259.             method: m.name,
  260.             data: data,
  261.             cb: scope && Ext.isFunction(hs) ? hs.createDelegate(scope) : hs
  262.         });
  263.         if(this.fireEvent('beforecall', this, t) !== false){
  264.             Ext.Direct.addTransaction(t);
  265.             this.queueTransaction(t);
  266.             this.fireEvent('call', this, t);
  267.         }
  268.     },
  269.     doForm : function(c, m, form, callback, scope){
  270.         var t = new Ext.Direct.Transaction({
  271.             provider: this,
  272.             action: c,
  273.             method: m.name,
  274.             args:[form, callback, scope],
  275.             cb: scope && Ext.isFunction(callback) ? callback.createDelegate(scope) : callback,
  276.             isForm: true
  277.         });
  278.         if(this.fireEvent('beforecall', this, t) !== false){
  279.             Ext.Direct.addTransaction(t);
  280.             var isUpload = String(form.getAttribute("enctype")).toLowerCase() == 'multipart/form-data',
  281.                 params = {
  282.                     extTID: t.tid,
  283.                     extAction: c,
  284.                     extMethod: m.name,
  285.                     extType: 'rpc',
  286.                     extUpload: String(isUpload)
  287.                 };
  288.             
  289.             // change made from typeof callback check to callback.params
  290.             // to support addl param passing in DirectSubmit EAC 6/2
  291.             Ext.apply(t, {
  292.                 form: Ext.getDom(form),
  293.                 isUpload: isUpload,
  294.                 params: callback && Ext.isObject(callback.params) ? Ext.apply(params, callback.params) : params
  295.             });
  296.             this.fireEvent('call', this, t);
  297.             this.processForm(t);
  298.         }
  299.     },
  300.     
  301.     processForm: function(t){
  302.         Ext.Ajax.request({
  303.             url: this.url,
  304.             params: t.params,
  305.             callback: this.onData,
  306.             scope: this,
  307.             form: t.form,
  308.             isUpload: t.isUpload,
  309.             ts: t
  310.         });
  311.     },
  312.     createMethod : function(c, m){
  313.         var f;
  314.         if(!m.formHandler){
  315.             f = function(){
  316.                 this.doCall(c, m, Array.prototype.slice.call(arguments, 0));
  317.             }.createDelegate(this);
  318.         }else{
  319.             f = function(form, callback, scope){
  320.                 this.doForm(c, m, form, callback, scope);
  321.             }.createDelegate(this);
  322.         }
  323.         f.directCfg = {
  324.             action: c,
  325.             method: m
  326.         };
  327.         return f;
  328.     },
  329.     getTransaction: function(opt){
  330.         return opt && opt.tid ? Ext.Direct.getTransaction(opt.tid) : null;
  331.     },
  332.     doCallback: function(t, e){
  333.         var fn = e.status ? 'success' : 'failure';
  334.         if(t && t.cb){
  335.             var hs = t.cb;
  336.             var result = e.result || e.data;
  337.             if(Ext.isFunction(hs)){
  338.                 hs(result, e);
  339.             } else{
  340.                 Ext.callback(hs[fn], hs.scope, [result, e]);
  341.                 Ext.callback(hs.callback, hs.scope, [result, e]);
  342.             }
  343.         }
  344.     }
  345. });
  346. Ext.Direct.PROVIDERS['remoting'] = Ext.direct.RemotingProvider;