direct-debug.js
上传用户:dawnssy
上传日期:2022-08-06
资源大小:9345k
文件大小:41k
源码类别:

JavaScript

开发平台:

JavaScript

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