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

中间件编程

开发平台:

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.data.DirectProxy
  3.  * @extends Ext.data.DataProxy
  4.  */
  5. Ext.data.DirectProxy = function(config){
  6.     Ext.apply(this, config);
  7.     if(typeof this.paramOrder == 'string'){
  8.         this.paramOrder = this.paramOrder.split(/[s,|]/);
  9.     }
  10.     Ext.data.DirectProxy.superclass.constructor.call(this, config);
  11. };
  12. Ext.extend(Ext.data.DirectProxy, Ext.data.DataProxy, {
  13.     /**
  14.      * @cfg {Array/String} paramOrder Defaults to <tt>undefined</tt>. A list of params to be executed
  15.      * server side.  Specify the params in the order in which they must be executed on the server-side
  16.      * as either (1) an Array of String values, or (2) a String of params delimited by either whitespace,
  17.      * comma, or pipe. For example,
  18.      * any of the following would be acceptable:<pre><code>
  19. paramOrder: ['param1','param2','param3']
  20. paramOrder: 'param1 param2 param3'
  21. paramOrder: 'param1,param2,param3'
  22. paramOrder: 'param1|param2|param'
  23.      </code></pre>
  24.      */
  25.     paramOrder: undefined,
  26.     /**
  27.      * @cfg {Boolean} paramsAsHash
  28.      * Send parameters as a collection of named arguments (defaults to <tt>true</tt>). Providing a
  29.      * <tt>{@link #paramOrder}</tt> nullifies this configuration.
  30.      */
  31.     paramsAsHash: true,
  32.     /**
  33.      * @cfg {Function} directFn
  34.      * Function to call when executing a request.  directFn is a simple alternative to defining the api configuration-parameter
  35.      * for Store's which will not implement a full CRUD api.
  36.      */
  37.     directFn : undefined,
  38.     // protected
  39.     doRequest : function(action, rs, params, reader, callback, scope, options) {
  40.         var args = [];
  41.         var directFn = this.api[action] || this.directFn;
  42.         switch (action) {
  43.             case Ext.data.Api.actions.create:
  44.                 args.push(params[reader.meta.root]); // <-- create(Hash)
  45.                 break;
  46.             case Ext.data.Api.actions.read:
  47.                 if(this.paramOrder){
  48.                     for(var i = 0, len = this.paramOrder.length; i < len; i++){
  49.                         args.push(params[this.paramOrder[i]]);
  50.                     }
  51.                 }else if(this.paramsAsHash){
  52.                     args.push(params);
  53.                 }
  54.                 break;
  55.             case Ext.data.Api.actions.update:
  56.                 args.push(params[reader.meta.idProperty]);  // <-- save(Integer/Integer[], Hash/Hash[])
  57.                 args.push(params[reader.meta.root]);
  58.                 break;
  59.             case Ext.data.Api.actions.destroy:
  60.                 args.push(params[reader.meta.root]);        // <-- destroy(Int/Int[])
  61.                 break;
  62.         }
  63.         var trans = {
  64.             params : params || {},
  65.             callback : callback,
  66.             scope : scope,
  67.             arg : options,
  68.             reader: reader
  69.         };
  70.         args.push(this.createCallback(action, rs, trans), this);
  71.         directFn.apply(window, args);
  72.     },
  73.     // private
  74.     createCallback : function(action, rs, trans) {
  75.         return function(result, res) {
  76.             if (!res.status) {
  77.                 // @deprecated fire loadexception
  78.                 if (action === Ext.data.Api.actions.read) {
  79.                     this.fireEvent("loadexception", this, trans, res, null);
  80.                 }
  81.                 this.fireEvent('exception', this, 'remote', action, trans, res, null);
  82.                 trans.callback.call(trans.scope, null, trans.arg, false);
  83.                 return;
  84.             }
  85.             if (action === Ext.data.Api.actions.read) {
  86.                 this.onRead(action, trans, result, res);
  87.             } else {
  88.                 this.onWrite(action, trans, result, res, rs);
  89.             }
  90.         };
  91.     },
  92.     /**
  93.      * Callback for read actions
  94.      * @param {String} action [Ext.data.Api.actions.create|read|update|destroy]
  95.      * @param {Object} trans The request transaction object
  96.      * @param {Object} res The server response
  97.      * @private
  98.      */
  99.     onRead : function(action, trans, result, res) {
  100.         var records;
  101.         try {
  102.             records = trans.reader.readRecords(result);
  103.         }
  104.         catch (ex) {
  105.             // @deprecated: Fire old loadexception for backwards-compat.
  106.             this.fireEvent("loadexception", this, trans, res, ex);
  107.             this.fireEvent('exception', this, 'response', action, trans, res, ex);
  108.             trans.callback.call(trans.scope, null, trans.arg, false);
  109.             return;
  110.         }
  111.         this.fireEvent("load", this, res, trans.arg);
  112.         trans.callback.call(trans.scope, records, trans.arg, true);
  113.     },
  114.     /**
  115.      * Callback for write actions
  116.      * @param {String} action [Ext.data.Api.actions.create|read|update|destroy]
  117.      * @param {Object} trans The request transaction object
  118.      * @param {Object} res The server response
  119.      * @private
  120.      */
  121.     onWrite : function(action, trans, result, res, rs) {
  122.         this.fireEvent("write", this, action, result, res, rs, trans.arg);
  123.         trans.callback.call(trans.scope, result, res, true);
  124.     }
  125. });
  126. /**
  127.  * @class Ext.data.DirectStore
  128.  * @extends Ext.data.Store
  129.  * <p>Small helper class to create an {@link Ext.data.Store} configured with an
  130.  * {@link Ext.data.DirectProxy} and {@link Ext.data.JsonReader} to make interacting
  131.  * with an {@link Ext.Direct} Server-side {@link Ext.direct.Provider Provider} easier.
  132.  * To create a different proxy/reader combination create a basic {@link Ext.data.Store}
  133.  * configured as needed.</p>
  134.  *
  135.  * <p><b>*Note:</b> Although they are not listed, this class inherits all of the config options of:</p>
  136.  * <div><ul class="mdetail-params">
  137.  * <li><b>{@link Ext.data.Store Store}</b></li>
  138.  * <div class="sub-desc"><ul class="mdetail-params">
  139.  *
  140.  * </ul></div>
  141.  * <li><b>{@link Ext.data.JsonReader JsonReader}</b></li>
  142.  * <div class="sub-desc"><ul class="mdetail-params">
  143.  * <li><tt><b>{@link Ext.data.JsonReader#root root}</b></tt></li>
  144.  * <li><tt><b>{@link Ext.data.JsonReader#idProperty idProperty}</b></tt></li>
  145.  * <li><tt><b>{@link Ext.data.JsonReader#totalProperty totalProperty}</b></tt></li>
  146.  * </ul></div>
  147.  *
  148.  * <li><b>{@link Ext.data.DirectProxy DirectProxy}</b></li>
  149.  * <div class="sub-desc"><ul class="mdetail-params">
  150.  * <li><tt><b>{@link Ext.data.DirectProxy#directFn directFn}</b></tt></li>
  151.  * <li><tt><b>{@link Ext.data.DirectProxy#paramOrder paramOrder}</b></tt></li>
  152.  * <li><tt><b>{@link Ext.data.DirectProxy#paramsAsHash paramsAsHash}</b></tt></li>
  153.  * </ul></div>
  154.  * </ul></div>
  155.  *
  156.  * @xtype directstore
  157.  *
  158.  * @constructor
  159.  * @param {Object} config
  160.  */
  161. Ext.data.DirectStore = function(c){
  162.     // each transaction upon a singe record will generatie a distinct Direct transaction since Direct queues them into one Ajax request.
  163.     c.batchTransactions = false;
  164.     Ext.data.DirectStore.superclass.constructor.call(this, Ext.apply(c, {
  165.         proxy: (typeof(c.proxy) == 'undefined') ? new Ext.data.DirectProxy(Ext.copyTo({}, c, 'paramOrder,paramsAsHash,directFn,api')) : c.proxy,
  166.         reader: (typeof(c.reader) == 'undefined' && typeof(c.fields) == 'object') ? new Ext.data.JsonReader(Ext.copyTo({}, c, 'totalProperty,root,idProperty'), c.fields) : c.reader
  167.     }));
  168. };
  169. Ext.extend(Ext.data.DirectStore, Ext.data.Store, {});
  170. Ext.reg('directstore', Ext.data.DirectStore); /**
  171.  * @class Ext.Direct
  172.  * @extends Ext.util.Observable
  173.  * <p><b><u>Overview</u></b></p>
  174.  * 
  175.  * <p>Ext.Direct aims to streamline communication between the client and server
  176.  * by providing a single interface that reduces the amount of common code
  177.  * typically required to validate data and handle returned data packets
  178.  * (reading data, error conditions, etc).</p>
  179.  *  
  180.  * <p>The Ext.direct namespace includes several classes for a closer integration
  181.  * with the server-side. The Ext.data namespace also includes classes for working
  182.  * with Ext.data.Stores which are backed by data from an Ext.Direct method.</p>
  183.  * 
  184.  * <p><b><u>Specification</u></b></p>
  185.  * 
  186.  * <p>For additional information consult the 
  187.  * <a href="http://extjs.com/products/extjs/direct.php">Ext.Direct Specification</a>.</p>
  188.  *   
  189.  * <p><b><u>Providers</u></b></p>
  190.  * 
  191.  * <p>Ext.Direct uses a provider architecture, where one or more providers are
  192.  * used to transport data to and from the server. There are several providers
  193.  * that exist in the core at the moment:</p><div class="mdetail-params"><ul>
  194.  * 
  195.  * <li>{@link Ext.direct.JsonProvider JsonProvider} for simple JSON operations</li>
  196.  * <li>{@link Ext.direct.PollingProvider PollingProvider} for repeated requests</li>
  197.  * <li>{@link Ext.direct.RemotingProvider RemotingProvider} exposes server side
  198.  * on the client.</li>
  199.  * </ul></div>
  200.  * 
  201.  * <p>A provider does not need to be invoked directly, providers are added via
  202.  * {@link Ext.Direct}.{@link Ext.Direct#add add}.</p>
  203.  * 
  204.  * <p><b><u>Router</u></b></p>
  205.  * 
  206.  * <p>Ext.Direct utilizes a "router" on the server to direct requests from the client
  207.  * to the appropriate server-side method. Because the Ext.Direct API is completely
  208.  * platform-agnostic, you could completely swap out a Java based server solution
  209.  * and replace it with one that uses C# without changing the client side JavaScript
  210.  * at all.</p>
  211.  * 
  212.  * <p><b><u>Server side events</u></b></p>
  213.  * 
  214.  * <p>Custom events from the server may be handled by the client by adding
  215.  * listeners, for example:</p>
  216.  * <pre><code>
  217. {"type":"event","name":"message","data":"Successfully polled at: 11:19:30 am"}
  218. // add a handler for a 'message' event sent by the server 
  219. Ext.Direct.on('message', function(e){
  220.     out.append(String.format('&lt;p>&lt;i>{0}&lt;/i>&lt;/p>', e.data));
  221.             out.el.scrollTo('t', 100000, true);
  222. });
  223.  * </code></pre>
  224.  * @singleton
  225.  */
  226. Ext.Direct = Ext.extend(Ext.util.Observable, {
  227.     /**
  228.      * Each event type implements a getData() method. The default event types are:
  229.      * <div class="mdetail-params"><ul>
  230.      * <li><b><tt>event</tt></b> : Ext.Direct.Event</li>
  231.      * <li><b><tt>exception</tt></b> : Ext.Direct.ExceptionEvent</li>
  232.      * <li><b><tt>rpc</tt></b> : Ext.Direct.RemotingEvent</li>
  233.      * </ul></div>
  234.      * @property eventTypes
  235.      * @type Object
  236.      */
  237.     /**
  238.      * Four types of possible exceptions which can occur:
  239.      * <div class="mdetail-params"><ul>
  240.      * <li><b><tt>Ext.Direct.exceptions.TRANSPORT</tt></b> : 'xhr'</li>
  241.      * <li><b><tt>Ext.Direct.exceptions.PARSE</tt></b> : 'parse'</li>
  242.      * <li><b><tt>Ext.Direct.exceptions.LOGIN</tt></b> : 'login'</li>
  243.      * <li><b><tt>Ext.Direct.exceptions.SERVER</tt></b> : 'exception'</li>
  244.      * </ul></div>
  245.      * @property exceptions
  246.      * @type Object
  247.      */
  248.     exceptions: {
  249.         TRANSPORT: 'xhr',
  250.         PARSE: 'parse',
  251.         LOGIN: 'login',
  252.         SERVER: 'exception'
  253.     },
  254.     
  255.     // private
  256.     constructor: function(){
  257.         this.addEvents(
  258.             /**
  259.              * @event event
  260.              * Fires after an event.
  261.              * @param {event} e The {@link Ext.Direct#eventTypes Ext.Direct.Event type} that occurred.
  262.              * @param {Ext.direct.Provider} provider The {@link Ext.direct.Provider Provider}.
  263.              */
  264.             'event',
  265.             /**
  266.              * @event exception
  267.              * Fires after an event exception.
  268.              * @param {event} e The {@link Ext.Direct#eventTypes Ext.Direct.Event type} that occurred.
  269.              */
  270.             'exception'
  271.         );
  272.         this.transactions = {};
  273.         this.providers = {};
  274.     },
  275.     /**
  276.      * Adds an Ext.Direct Provider and creates the proxy or stub methods to execute server-side methods.
  277.      * If the provider is not already connected, it will auto-connect.
  278.      * <pre><code>
  279. var pollProv = new Ext.direct.PollingProvider({
  280.     url: 'php/poll2.php'
  281. }); 
  282. Ext.Direct.addProvider(
  283.     {
  284.         "type":"remoting",       // create a {@link Ext.direct.RemotingProvider} 
  285.         "url":"php/router.php", // url to connect to the Ext.Direct server-side router.
  286.         "actions":{              // each property within the actions object represents a Class 
  287.             "TestAction":[       // array of methods within each server side Class   
  288.             {
  289.                 "name":"doEcho", // name of method
  290.                 "len":1
  291.             },{
  292.                 "name":"multiply",
  293.                 "len":1
  294.             },{
  295.                 "name":"doForm",
  296.                 "formHandler":true, // handle form on server with Ext.Direct.Transaction 
  297.                 "len":1
  298.             }]
  299.         },
  300.         "namespace":"myApplication",// namespace to create the Remoting Provider in
  301.     },{
  302.         type: 'polling', // create a {@link Ext.direct.PollingProvider} 
  303.         url:  'php/poll.php'
  304.     },
  305.     pollProv // reference to previously created instance
  306. );
  307.      * </code></pre>
  308.      * @param {Object/Array} provider Accepts either an Array of Provider descriptions (an instance
  309.      * or config object for a Provider) or any number of Provider descriptions as arguments.  Each
  310.      * Provider description instructs Ext.Direct how to create client-side stub methods.
  311.      */
  312.     addProvider : function(provider){        
  313.         var a = arguments;
  314.         if(a.length > 1){
  315.             for(var i = 0, len = a.length; i < len; i++){
  316.                 this.addProvider(a[i]);
  317.             }
  318.             return;
  319.         }
  320.         
  321.         // if provider has not already been instantiated
  322.         if(!provider.events){
  323.             provider = new Ext.Direct.PROVIDERS[provider.type](provider);
  324.         }
  325.         provider.id = provider.id || Ext.id();
  326.         this.providers[provider.id] = provider;
  327.         provider.on('data', this.onProviderData, this);
  328.         provider.on('exception', this.onProviderException, this);
  329.         if(!provider.isConnected()){
  330.             provider.connect();
  331.         }
  332.         return provider;
  333.     },
  334.     /**
  335.      * Retrieve a {@link Ext.direct.Provider provider} by the
  336.      * <b><tt>{@link Ext.direct.Provider#id id}</tt></b> specified when the provider is
  337.      * {@link #addProvider added}.
  338.      * @param {String} id Unique identifier assigned to the provider when calling {@link #addProvider} 
  339.      */
  340.     getProvider : function(id){
  341.         return this.providers[id];
  342.     },
  343.     removeProvider : function(id){
  344.         var provider = id.id ? id : this.providers[id.id];
  345.         provider.un('data', this.onProviderData, this);
  346.         provider.un('exception', this.onProviderException, this);
  347.         delete this.providers[provider.id];
  348.         return provider;
  349.     },
  350.     addTransaction: function(t){
  351.         this.transactions[t.tid] = t;
  352.         return t;
  353.     },
  354.     removeTransaction: function(t){
  355.         delete this.transactions[t.tid || t];
  356.         return t;
  357.     },
  358.     getTransaction: function(tid){
  359.         return this.transactions[tid.tid || tid];
  360.     },
  361.     onProviderData : function(provider, e){
  362.         if(Ext.isArray(e)){
  363.             for(var i = 0, len = e.length; i < len; i++){
  364.                 this.onProviderData(provider, e[i]);
  365.             }
  366.             return;
  367.         }
  368.         if(e.name && e.name != 'event' && e.name != 'exception'){
  369.             this.fireEvent(e.name, e);
  370.         }else if(e.type == 'exception'){
  371.             this.fireEvent('exception', e);
  372.         }
  373.         this.fireEvent('event', e, provider);
  374.     },
  375.     createEvent : function(response, extraProps){
  376.         return new Ext.Direct.eventTypes[response.type](Ext.apply(response, extraProps));
  377.     }
  378. });
  379. // overwrite impl. with static instance
  380. Ext.Direct = new Ext.Direct();
  381. Ext.Direct.TID = 1;
  382. Ext.Direct.PROVIDERS = {};/**
  383.  * @class Ext.Direct.Transaction
  384.  * @extends Object
  385.  * <p>Supporting Class for Ext.Direct (not intended to be used directly).</p>
  386.  * @constructor
  387.  * @param {Object} config
  388.  */
  389. Ext.Direct.Transaction = function(config){
  390.     Ext.apply(this, config);
  391.     this.tid = ++Ext.Direct.TID;
  392.     this.retryCount = 0;
  393. };
  394. Ext.Direct.Transaction.prototype = {
  395.     send: function(){
  396.         this.provider.queueTransaction(this);
  397.     },
  398.     retry: function(){
  399.         this.retryCount++;
  400.         this.send();
  401.     },
  402.     getProvider: function(){
  403.         return this.provider;
  404.     }
  405. };Ext.Direct.Event = function(config){
  406.     Ext.apply(this, config);
  407. }
  408. Ext.Direct.Event.prototype = {
  409.     status: true,
  410.     getData: function(){
  411.         return this.data;
  412.     }
  413. };
  414. Ext.Direct.RemotingEvent = Ext.extend(Ext.Direct.Event, {
  415.     type: 'rpc',
  416.     getTransaction: function(){
  417.         return this.transaction || Ext.Direct.getTransaction(this.tid);
  418.     }
  419. });
  420. Ext.Direct.ExceptionEvent = Ext.extend(Ext.Direct.RemotingEvent, {
  421.     status: false,
  422.     type: 'exception'
  423. });
  424. Ext.Direct.eventTypes = {
  425.     'rpc':  Ext.Direct.RemotingEvent,
  426.     'event':  Ext.Direct.Event,
  427.     'exception':  Ext.Direct.ExceptionEvent
  428. };
  429. /**
  430.  * @class Ext.direct.Provider
  431.  * @extends Ext.util.Observable
  432.  * <p>Ext.direct.Provider is an abstract class meant to be extended.</p>
  433.  * 
  434.  * <p>For example ExtJs implements the following subclasses:</p>
  435.  * <pre><code>
  436. Provider
  437. |
  438. +---{@link Ext.direct.JsonProvider JsonProvider} 
  439.     |
  440.     +---{@link Ext.direct.PollingProvider PollingProvider}   
  441.     |
  442.     +---{@link Ext.direct.RemotingProvider RemotingProvider}   
  443.  * </code></pre>
  444.  * @abstract
  445.  */
  446. Ext.direct.Provider = Ext.extend(Ext.util.Observable, {    
  447.     /**
  448.      * @cfg {String} id
  449.      * The unique id of the provider (defaults to an {@link Ext#id auto-assigned id}).
  450.      * You should assign an id if you need to be able to access the provider later and you do
  451.      * not have an object reference available, for example:
  452.      * <pre><code>
  453. Ext.Direct.addProvider(
  454.     {
  455.         type: 'polling',
  456.         url:  'php/poll.php',
  457.         id:   'poll-provider'
  458.     }
  459. );
  460.      
  461. var p = {@link Ext.Direct Ext.Direct}.{@link Ext.Direct#getProvider getProvider}('poll-provider');
  462. p.disconnect();
  463.      * </code></pre>
  464.      */
  465.         
  466.     /**
  467.      * @cfg {Number} priority
  468.      * Priority of the request. Lower is higher priority, <tt>0</tt> means "duplex" (always on).
  469.      * All Providers default to <tt>1</tt> except for PollingProvider which defaults to <tt>3</tt>.
  470.      */    
  471.     priority: 1,
  472.     /**
  473.      * @cfg {String} type
  474.      * <b>Required</b>, <tt>undefined</tt> by default.  The <tt>type</tt> of provider specified
  475.      * to {@link Ext.Direct Ext.Direct}.{@link Ext.Direct#addProvider addProvider} to create a
  476.      * new Provider. Acceptable values by default are:<div class="mdetail-params"><ul>
  477.      * <li><b><tt>polling</tt></b> : {@link Ext.direct.PollingProvider PollingProvider}</li>
  478.      * <li><b><tt>remoting</tt></b> : {@link Ext.direct.RemotingProvider RemotingProvider}</li>
  479.      * </ul></div>
  480.      */    
  481.  
  482.     // private
  483.     constructor : function(config){
  484.         Ext.apply(this, config);
  485.         this.addEvents(
  486.             /**
  487.              * @event connect
  488.              * Fires when the Provider connects to the server-side
  489.              * @param {Ext.direct.Provider} provider The {@link Ext.direct.Provider Provider}.
  490.              */            
  491.             'connect',
  492.             /**
  493.              * @event disconnect
  494.              * Fires when the Provider disconnects from the server-side
  495.              * @param {Ext.direct.Provider} provider The {@link Ext.direct.Provider Provider}.
  496.              */            
  497.             'disconnect',
  498.             /**
  499.              * @event data
  500.              * Fires when the Provider receives data from the server-side
  501.              * @param {Ext.direct.Provider} provider The {@link Ext.direct.Provider Provider}.
  502.              * @param {event} e The {@link Ext.Direct#eventTypes Ext.Direct.Event type} that occurred.
  503.              */            
  504.             'data',
  505.             /**
  506.              * @event exception
  507.              * Fires when the Provider receives an exception from the server-side
  508.              */                        
  509.             'exception'
  510.         );
  511.         Ext.direct.Provider.superclass.constructor.call(this, config);
  512.     },
  513.     /**
  514.      * Returns whether or not the server-side is currently connected.
  515.      * Abstract method for subclasses to implement.
  516.      */
  517.     isConnected: function(){
  518.         return false;
  519.     },
  520.     /**
  521.      * Abstract methods for subclasses to implement.
  522.      */
  523.     connect: Ext.emptyFn,
  524.     
  525.     /**
  526.      * Abstract methods for subclasses to implement.
  527.      */
  528.     disconnect: Ext.emptyFn
  529. });
  530. /**
  531.  * @class Ext.direct.JsonProvider
  532.  * @extends Ext.direct.Provider
  533.  */
  534. Ext.direct.JsonProvider = Ext.extend(Ext.direct.Provider, {
  535.     parseResponse: function(xhr){
  536.         if(!Ext.isEmpty(xhr.responseText)){
  537.             if(typeof xhr.responseText == 'object'){
  538.                 return xhr.responseText;
  539.             }
  540.             return Ext.decode(xhr.responseText);
  541.         }
  542.         return null;
  543.     },
  544.     getEvents: function(xhr){
  545.         var data = null;
  546.         try{
  547.             data = this.parseResponse(xhr);
  548.         }catch(e){
  549.             var event = new Ext.Direct.ExceptionEvent({
  550.                 data: e,
  551.                 xhr: xhr,
  552.                 code: Ext.Direct.exceptions.PARSE,
  553.                 message: 'Error parsing json response: nn ' + data
  554.             })
  555.             return [event];
  556.         }
  557.         var events = [];
  558.         if(Ext.isArray(data)){
  559.             for(var i = 0, len = data.length; i < len; i++){
  560.                 events.push(Ext.Direct.createEvent(data[i]));
  561.             }
  562.         }else{
  563.             events.push(Ext.Direct.createEvent(data));
  564.         }
  565.         return events;
  566.     }
  567. });/**
  568.  * @class Ext.direct.PollingProvider
  569.  * @extends Ext.direct.JsonProvider
  570.  *
  571.  * <p>Provides for repetitive polling of the server at distinct {@link #interval intervals}.
  572.  * The initial request for data originates from the client, and then is responded to by the
  573.  * server.</p>
  574.  * 
  575.  * <p>All configurations for the PollingProvider should be generated by the server-side
  576.  * API portion of the Ext.Direct stack.</p>
  577.  *
  578.  * <p>An instance of PollingProvider may be created directly via the new keyword or by simply
  579.  * specifying <tt>type = 'polling'</tt>.  For example:</p>
  580.  * <pre><code>
  581. var pollA = new Ext.direct.PollingProvider({
  582.     type:'polling',
  583.     url: 'php/pollA.php',
  584. });
  585. Ext.Direct.addProvider(pollA);
  586. pollA.disconnect();
  587. Ext.Direct.addProvider(
  588.     {
  589.         type:'polling',
  590.         url: 'php/pollB.php',
  591.         id: 'pollB-provider'
  592.     }
  593. );
  594. var pollB = Ext.Direct.getProvider('pollB-provider');
  595.  * </code></pre>
  596.  */
  597. Ext.direct.PollingProvider = Ext.extend(Ext.direct.JsonProvider, {
  598.     /**
  599.      * @cfg {Number} priority
  600.      * Priority of the request (defaults to <tt>3</tt>). See {@link Ext.direct.Provider#priority}.
  601.      */
  602.     // override default priority
  603.     priority: 3,
  604.     
  605.     /**
  606.      * @cfg {Number} interval
  607.      * How often to poll the server-side in milliseconds (defaults to <tt>3000</tt> - every
  608.      * 3 seconds).
  609.      */
  610.     interval: 3000,
  611.     /**
  612.      * @cfg {Object} baseParams An object containing properties which are to be sent as parameters
  613.      * on every polling request
  614.      */
  615.     
  616.     /**
  617.      * @cfg {String/Function} url
  618.      * The url which the PollingProvider should contact with each request. This can also be
  619.      * an imported Ext.Direct method which will accept the baseParams as its only argument.
  620.      */
  621.     // private
  622.     constructor : function(config){
  623.         Ext.direct.PollingProvider.superclass.constructor.call(this, config);
  624.         this.addEvents(
  625.             /**
  626.              * @event beforepoll
  627.              * Fired immediately before a poll takes place, an event handler can return false
  628.              * in order to cancel the poll.
  629.              * @param {Ext.direct.PollingProvider}
  630.              */
  631.             'beforepoll',            
  632.             /**
  633.              * @event poll
  634.              * This event has not yet been implemented.
  635.              * @param {Ext.direct.PollingProvider}
  636.              */
  637.             'poll'
  638.         );
  639.     },
  640.     // inherited
  641.     isConnected: function(){
  642.         return !!this.pollTask;
  643.     },
  644.     /**
  645.      * Connect to the server-side and begin the polling process. To handle each
  646.      * response subscribe to the data event.
  647.      */
  648.     connect: function(){
  649.         if(this.url && !this.pollTask){
  650.             this.pollTask = Ext.TaskMgr.start({
  651.                 run: function(){
  652.                     if(this.fireEvent('beforepoll', this) !== false){
  653.                         if(typeof this.url == 'function'){
  654.                             this.url(this.baseParams);
  655.                         }else{
  656.                             Ext.Ajax.request({
  657.                                 url: this.url,
  658.                                 callback: this.onData,
  659.                                 scope: this,
  660.                                 params: this.baseParams
  661.                             });
  662.                         }
  663.                     }
  664.                 },
  665.                 interval: this.interval,
  666.                 scope: this
  667.             });
  668.             this.fireEvent('connect', this);
  669.         }else if(!this.url){
  670.             throw 'Error initializing PollingProvider, no url configured.';
  671.         }
  672.     },
  673.     /**
  674.      * Disconnect from the server-side and stop the polling process. The disconnect
  675.      * event will be fired on a successful disconnect.
  676.      */
  677.     disconnect: function(){
  678.         if(this.pollTask){
  679.             Ext.TaskMgr.stop(this.pollTask);
  680.             delete this.pollTask;
  681.             this.fireEvent('disconnect', this);
  682.         }
  683.     },
  684.     // private
  685.     onData: function(opt, success, xhr){
  686.         if(success){
  687.             var events = this.getEvents(xhr);
  688.             for(var i = 0, len = events.length; i < len; i++){
  689.                 var e = events[i];
  690.                 this.fireEvent('data', this, e);
  691.             }
  692.         }else{
  693.             var e = new Ext.Direct.ExceptionEvent({
  694.                 data: e,
  695.                 code: Ext.Direct.exceptions.TRANSPORT,
  696.                 message: 'Unable to connect to the server.',
  697.                 xhr: xhr
  698.             });
  699.             this.fireEvent('data', this, e);
  700.         }
  701.     }
  702. });
  703. Ext.Direct.PROVIDERS['polling'] = Ext.direct.PollingProvider;/**
  704.  * @class Ext.direct.RemotingProvider
  705.  * @extends Ext.direct.JsonProvider
  706.  * 
  707.  * <p>The {@link Ext.direct.RemotingProvider RemotingProvider} exposes access to
  708.  * server side methods on the client (a remote procedure call (RPC) type of
  709.  * connection where the client can initiate a procedure on the server).</p>
  710.  * 
  711.  * <p>This allows for code to be organized in a fashion that is maintainable,
  712.  * while providing a clear path between client and server, something that is
  713.  * not always apparent when using URLs.</p>
  714.  * 
  715.  * <p>To accomplish this the server-side needs to describe what classes and methods
  716.  * are available on the client-side. This configuration will typically be
  717.  * outputted by the server-side Ext.Direct stack when the API description is built.</p>
  718.  */
  719. Ext.direct.RemotingProvider = Ext.extend(Ext.direct.JsonProvider, {       
  720.     /**
  721.      * @cfg {Object} actions
  722.      * Object literal defining the server side actions and methods. For example, if
  723.      * the Provider is configured with:
  724.      * <pre><code>
  725. "actions":{ // each property within the 'actions' object represents a server side Class 
  726.     "TestAction":[ // array of methods within each server side Class to be   
  727.     {              // stubbed out on client
  728.         "name":"doEcho", 
  729.         "len":1            
  730.     },{
  731.         "name":"multiply",// name of method
  732.         "len":2           // The number of parameters that will be used to create an
  733.                           // array of data to send to the server side function.
  734.                           // Ensure the server sends back a Number, not a String. 
  735.     },{
  736.         "name":"doForm",
  737.         "formHandler":true, // direct the client to use specialized form handling method 
  738.         "len":1
  739.     }]
  740. }
  741.      * </code></pre>
  742.      * <p>Note that a Store is not required, a server method can be called at any time.
  743.      * In the following example a <b>client side</b> handler is used to call the
  744.      * server side method "multiply" in the server-side "TestAction" Class:</p>
  745.      * <pre><code>
  746. TestAction.multiply(
  747.     2, 4, // pass two arguments to server, so specify len=2
  748.     // callback function after the server is called
  749.     // result: the result returned by the server
  750.     //      e: Ext.Direct.RemotingEvent object
  751.     function(result, e){
  752.         var t = e.getTransaction();
  753.         var action = t.action; // server side Class called
  754.         var method = t.method; // server side method called
  755.         if(e.status){
  756.             var answer = Ext.encode(result); // 8
  757.     
  758.         }else{
  759.             var msg = e.message; // failure message
  760.         }
  761.     }
  762. );
  763.      * </code></pre>
  764.      * In the example above, the server side "multiply" function will be passed two
  765.      * arguments (2 and 4).  The "multiply" method should return the value 8 which will be
  766.      * available as the <tt>result</tt> in the example above. 
  767.      */
  768.     
  769.     /**
  770.      * @cfg {String/Object} namespace
  771.      * Namespace for the Remoting Provider (defaults to the browser global scope of <i>window</i>).
  772.      * Explicitly specify the namespace Object, or specify a String to have a
  773.      * {@link Ext#namespace namespace created} implicitly.
  774.      */
  775.     
  776.     /**
  777.      * @cfg {String} url
  778.      * <b>Required<b>. The url to connect to the {@link Ext.Direct} server-side router. 
  779.      */
  780.     
  781.     /**
  782.      * @cfg {String} enableUrlEncode
  783.      * Specify which param will hold the arguments for the method.
  784.      * Defaults to <tt>'data'</tt>.
  785.      */
  786.     
  787.     /**
  788.      * @cfg {Number/Boolean} enableBuffer
  789.      * <p><tt>true</tt> or <tt>false</tt> to enable or disable combining of method
  790.      * calls. If a number is specified this is the amount of time in milliseconds
  791.      * to wait before sending a batched request (defaults to <tt>10</tt>).</p>
  792.      * <br><p>Calls which are received within the specified timeframe will be
  793.      * concatenated together and sent in a single request, optimizing the
  794.      * application by reducing the amount of round trips that have to be made
  795.      * to the server.</p>
  796.      */
  797.     enableBuffer: 10,
  798.     
  799.     /**
  800.      * @cfg {Number} maxRetries
  801.      * Number of times to re-attempt delivery on failure of a call.
  802.      */
  803.     maxRetries: 1,
  804.     constructor : function(config){
  805.         Ext.direct.RemotingProvider.superclass.constructor.call(this, config);
  806.         this.addEvents(
  807.             /**
  808.              * @event beforecall
  809.              * Fires immediately before the client-side sends off the RPC call.
  810.              * By returning false from an event handler you can prevent the call from
  811.              * executing.
  812.              * @param {Ext.direct.RemotingProvider} provider
  813.              * @param {Ext.Direct.Transaction} transaction
  814.              */            
  815.             'beforecall',
  816.             /**
  817.              * @event call
  818.              * Fires immediately after the request to the server-side is sent. This does
  819.              * NOT fire after the response has come back from the call.
  820.              * @param {Ext.direct.RemotingProvider} provider
  821.              * @param {Ext.Direct.Transaction} transaction
  822.              */            
  823.             'call'
  824.         );
  825.         this.namespace = (typeof this.namespace === 'string') ? Ext.ns(this.namespace) : this.namespace || window;
  826.         this.transactions = {};
  827.         this.callBuffer = [];
  828.     },
  829.     // private
  830.     initAPI : function(){
  831.         var o = this.actions;
  832.         for(var c in o){
  833.             var cls = this.namespace[c] || (this.namespace[c] = {});
  834.             var ms = o[c];
  835.             for(var i = 0, len = ms.length; i < len; i++){
  836.                 var m = ms[i];
  837.                 cls[m.name] = this.createMethod(c, m);
  838.             }
  839.         }
  840.     },
  841.     // inherited
  842.     isConnected: function(){
  843.         return !!this.connected;
  844.     },
  845.     connect: function(){
  846.         if(this.url){
  847.             this.initAPI();
  848.             this.connected = true;
  849.             this.fireEvent('connect', this);
  850.         }else if(!this.url){
  851.             throw 'Error initializing RemotingProvider, no url configured.';
  852.         }
  853.     },
  854.     disconnect: function(){
  855.         if(this.connected){
  856.             this.connected = false;
  857.             this.fireEvent('disconnect', this);
  858.         }
  859.     },
  860.     onData: function(opt, success, xhr){
  861.         if(success){
  862.             var events = this.getEvents(xhr);
  863.             for(var i = 0, len = events.length; i < len; i++){
  864.                 var e = events[i];
  865.                 var t = this.getTransaction(e);
  866.                 this.fireEvent('data', this, e);
  867.                 if(t){
  868.                     this.doCallback(t, e, true);
  869.                     Ext.Direct.removeTransaction(t);
  870.                 }
  871.             }
  872.         }else{
  873.             var ts = [].concat(opt.ts);
  874.             for(var i = 0, len = ts.length; i < len; i++){
  875.                 var t = this.getTransaction(ts[i]);
  876.                 if(t && t.retryCount < this.maxRetries){
  877.                     t.retry();
  878.                 }else{
  879.                     var e = new Ext.Direct.ExceptionEvent({
  880.                         data: e,
  881.                         transaction: t,
  882.                         code: Ext.Direct.exceptions.TRANSPORT,
  883.                         message: 'Unable to connect to the server.',
  884.                         xhr: xhr
  885.                     });
  886.                     this.fireEvent('data', this, e);
  887.                     if(t){
  888.                         this.doCallback(t, e, false);
  889.                         Ext.Direct.removeTransaction(t);
  890.                     }
  891.                 }
  892.             }
  893.         }
  894.     },
  895.     getCallData: function(t){
  896.         return {
  897.             action: t.action,
  898.             method: t.method,
  899.             data: t.data,
  900.             type: 'rpc',
  901.             tid: t.tid
  902.         };
  903.     },
  904.     doSend : function(data){
  905.         var o = {
  906.             url: this.url,
  907.             callback: this.onData,
  908.             scope: this,
  909.             ts: data
  910.         };
  911.         // send only needed data
  912.         var callData;
  913.         if(Ext.isArray(data)){
  914.             callData = [];
  915.             for(var i = 0, len = data.length; i < len; i++){
  916.                 callData.push(this.getCallData(data[i]));
  917.             }
  918.         }else{
  919.             callData = this.getCallData(data);
  920.         }
  921.         if(this.enableUrlEncode){
  922.             var params = {};
  923.             params[typeof this.enableUrlEncode == 'string' ? this.enableUrlEncode : 'data'] = Ext.encode(callData);
  924.             o.params = params;
  925.         }else{
  926.             o.jsonData = callData;
  927.         }
  928.         Ext.Ajax.request(o);
  929.     },
  930.     combineAndSend : function(){
  931.         var len = this.callBuffer.length;
  932.         if(len > 0){
  933.             this.doSend(len == 1 ? this.callBuffer[0] : this.callBuffer);
  934.             this.callBuffer = [];
  935.         }
  936.     },
  937.     queueTransaction: function(t){
  938.         if(t.form){
  939.             this.processForm(t);
  940.             return;
  941.         }
  942.         this.callBuffer.push(t);
  943.         if(this.enableBuffer){
  944.             if(!this.callTask){
  945.                 this.callTask = new Ext.util.DelayedTask(this.combineAndSend, this);
  946.             }
  947.             this.callTask.delay(typeof this.enableBuffer == 'number' ? this.enableBuffer : 10);
  948.         }else{
  949.             this.combineAndSend();
  950.         }
  951.     },
  952.     doCall : function(c, m, args){
  953.         var data = null, hs = args[m.len], scope = args[m.len+1];
  954.         if(m.len !== 0){
  955.             data = args.slice(0, m.len);
  956.         }
  957.         var t = new Ext.Direct.Transaction({
  958.             provider: this,
  959.             args: args,
  960.             action: c,
  961.             method: m.name,
  962.             data: data,
  963.             cb: scope && Ext.isFunction(hs) ? hs.createDelegate(scope) : hs
  964.         });
  965.         if(this.fireEvent('beforecall', this, t) !== false){
  966.             Ext.Direct.addTransaction(t);
  967.             this.queueTransaction(t);
  968.             this.fireEvent('call', this, t);
  969.         }
  970.     },
  971.     doForm : function(c, m, form, callback, scope){
  972.         var t = new Ext.Direct.Transaction({
  973.             provider: this,
  974.             action: c,
  975.             method: m.name,
  976.             args:[form, callback, scope],
  977.             cb: scope && Ext.isFunction(callback) ? callback.createDelegate(scope) : callback,
  978.             isForm: true
  979.         });
  980.         if(this.fireEvent('beforecall', this, t) !== false){
  981.             Ext.Direct.addTransaction(t);
  982.             var isUpload = String(form.getAttribute("enctype")).toLowerCase() == 'multipart/form-data',
  983.                 params = {
  984.                     extTID: t.tid,
  985.                     extAction: c,
  986.                     extMethod: m.name,
  987.                     extType: 'rpc',
  988.                     extUpload: String(isUpload)
  989.                 };
  990.             
  991.             // change made from typeof callback check to callback.params
  992.             // to support addl param passing in DirectSubmit EAC 6/2
  993.             Ext.apply(t, {
  994.                 form: Ext.getDom(form),
  995.                 isUpload: isUpload,
  996.                 params: callback && Ext.isObject(callback.params) ? Ext.apply(params, callback.params) : params
  997.             });
  998.             this.fireEvent('call', this, t);
  999.             this.processForm(t);
  1000.         }
  1001.     },
  1002.     
  1003.     processForm: function(t){
  1004.         Ext.Ajax.request({
  1005.             url: this.url,
  1006.             params: t.params,
  1007.             callback: this.onData,
  1008.             scope: this,
  1009.             form: t.form,
  1010.             isUpload: t.isUpload,
  1011.             ts: t
  1012.         });
  1013.     },
  1014.     createMethod : function(c, m){
  1015.         var f;
  1016.         if(!m.formHandler){
  1017.             f = function(){
  1018.                 this.doCall(c, m, Array.prototype.slice.call(arguments, 0));
  1019.             }.createDelegate(this);
  1020.         }else{
  1021.             f = function(form, callback, scope){
  1022.                 this.doForm(c, m, form, callback, scope);
  1023.             }.createDelegate(this);
  1024.         }
  1025.         f.directCfg = {
  1026.             action: c,
  1027.             method: m
  1028.         };
  1029.         return f;
  1030.     },
  1031.     getTransaction: function(opt){
  1032.         return opt && opt.tid ? Ext.Direct.getTransaction(opt.tid) : null;
  1033.     },
  1034.     doCallback: function(t, e){
  1035.         var fn = e.status ? 'success' : 'failure';
  1036.         if(t && t.cb){
  1037.             var hs = t.cb;
  1038.             var result = e.result || e.data;
  1039.             if(Ext.isFunction(hs)){
  1040.                 hs(result, e);
  1041.             } else{
  1042.                 Ext.callback(hs[fn], hs.scope, [result, e]);
  1043.                 Ext.callback(hs.callback, hs.scope, [result, e]);
  1044.             }
  1045.         }
  1046.     }
  1047. });
  1048. Ext.Direct.PROVIDERS['remoting'] = Ext.direct.RemotingProvider;