yui2 datatable转换至yui3 (2)

接下来是第一个高峰，就是把原来的ajax实现，用yui3的io 来写。而datatable 当前使用的是connection。

这里是需要重写的部分。（除非贪图简便，直接引入connection）

 

下面是直接修改后的代码。io-base是必须要require的。

 

makeConnection : function(oRequest, oCallback, oCaller) { var oRawResponse = null; var tId = DS._nTransactionId++; this.fireEvent("requestEvent", {tId:tId,request:oRequest,callback:oCallback,caller:oCaller}); // Set up the callback object and // pass the request in as a URL query and // forward the response to the handler var oSelf = this; var oConnMgr = this.connMgr; var oQueue = this._oQueue; /** * Define Connection Manager success handler * * @method _xhrSuccess * @param oResponse {Object} HTTPXMLRequest object * @private */ var _xhrSuccess = function(oResponse) { // If response ID does not match last made request ID, // silently fail and wait for the next response if(oResponse && (this.connXhrMode == "ignoreStaleResponses") && (oResponse.tId != oQueue.conn.tId)) { YAHOO.log("Ignored stale response", "warn", this.toString()); return null; } // Error if no response else if(!oResponse) { this.fireEvent("dataErrorEvent", {request:oRequest, response:null, callback:oCallback, caller:oCaller, message:DS.ERROR_DATANULL}); YAHOO.log(DS.ERROR_DATANULL, "error", this.toString()); // Send error response back to the caller with the error flag on DS.issueCallback(oCallback,[oRequest, {error:true}], true, oCaller); return null; } // Forward to handler else { // Try to sniff data type if it has not been defined if(this.responseType === DS.TYPE_UNKNOWN) { var ctype = (oResponse.getResponseHeader) ? oResponse.getResponseHeader["Content-Type"] : null; if(ctype) { // xml if(ctype.indexOf("text/xml") > -1) { this.responseType = DS.TYPE_XML; } else if(ctype.indexOf("application/json") > -1) { // json this.responseType = DS.TYPE_JSON; } else if(ctype.indexOf("text/plain") > -1) { // text this.responseType = DS.TYPE_TEXT; } } } this.scope.handleResponse(oRequest, oResponse, oCallback, oCaller, tId); } }; /** * Define Connection Manager failure handler * * @method _xhrFailure * @param oResponse {Object} HTTPXMLRequest object * @private */ var _xhrFailure = function(oResponse) { this.fireEvent("dataErrorEvent", {request:oRequest, response: oResponse, callback:oCallback, caller:oCaller, message:DS.ERROR_DATAINVALID}); YAHOO.log(DS.ERROR_DATAINVALID + ": " + oResponse.statusText, "error", this.toString()); // Backward compatibility if(lang.isString(this.liveData) && lang.isString(oRequest) && (this.liveData.lastIndexOf("?") !== this.liveData.length-1) && (oRequest.indexOf("?") !== 0)){ YAHOO.log("DataSources using XHR no longer automatically supply " + "a /"?/" between the host and query parameters" + " -- please check that the request URL is correct", "warn", this.toString()); } // Send failure response back to the caller with the error flag on oResponse = oResponse || {}; oResponse.error = true; DS.issueCallback(oCallback,[oRequest,oResponse],true, oCaller); return null; }; /** * Define Connection Manager callback object * * @property _xhrCallback * @param oResponse {Object} HTTPXMLRequest object * @private */ var _xhrCallback = { success:_xhrSuccess, failure:_xhrFailure, scope: this }; // Apply Connection Manager timeout if(lang.isNumber(this.connTimeout)) { _xhrCallback.timeout = this.connTimeout; } // Cancel stale requests if(this.connXhrMode == "cancelStaleRequests") { // Look in queue for stale requests if(oQueue.conn) { if(oConnMgr.abort) { oConnMgr.abort(oQueue.conn); oQueue.conn = null; YAHOO.log("Canceled stale request", "warn", this.toString()); } else { YAHOO.log("Could not find Connection Manager abort() function", "error", this.toString()); } } } // Get ready to send the request URL if(Y && Y.io) { var sLiveData = this.liveData; var isPost = this.connMethodPost; var sMethod = (isPost) ? "POST" : "GET"; // Validate request var sUri = (isPost || !lang.isValue(oRequest)) ? sLiveData : sLiveData+"?"+oRequest; var sRequest = (isPost) ? oRequest : null; /** hack by tiyi **/ //warpper var tH = { success:function (id,o,args){ _xhrCallback.success(o); }, failure:function (id,o,args){ _xhrCallback.failure(o); }, } var tiyi_cfg = { on:{ success:tH.success, failure:tH.failure }, context:this, method: sMethod, data: sRequest }; // Send the request right away if(this.connXhrMode != "queueRequests") { //oQueue.conn = oConnMgr.asyncRequest(sMethod, sUri, _xhrCallback, sRequest); oQueue.conn = Y.io(sUri, tiyi_cfg); } // Queue up then send the request else { // Found a request already in progress if(oQueue.conn) { var allRequests = oQueue.requests; // Add request to queue allRequests.push({request:oRequest, callback:tiyi_cfg}); // Interval needs to be started if(!oQueue.interval) { oQueue.interval = setInterval(function() { // Connection is in progress /*if(oConnMgr.isCallInProgress(oQueue.conn)) { return; }*/ if(oQueue.conn.isInProgress()){ return ; } else { // Send next request if(allRequests.length > 0) { // Validate request sUri = (isPost || !lang.isValue(allRequests[0].request)) ? sLiveData : sLiveData+allRequests[0].request; sRequest = (isPost) ? allRequests[0].request : null; //oQueue.conn = oConnMgr.asyncRequest(sMethod, sUri, allRequests[0].callback, sRequest); oQueue.conn = Y.io(sUri, allRequests[0].callback); // Remove request from queue allRequests.shift(); } // No more requests else { clearInterval(oQueue.interval); oQueue.interval = null; } } }, 50); } } // Nothing is in progress else { oQueue.conn = Y.io(sUri, tiyi_cfg); //oQueue.conn = oConnMgr.asyncRequest(sMethod, sUri, _xhrCallback, sRequest); } } } else { YAHOO.log("Could not find Connection Manager asyncRequest() function", "error", this.toString()); // Send null response back to the caller with the error flag on DS.issueCallback(oCallback,[oRequest,{error:true}],true,oCaller); } return tId; }

大体就是把connection 用了Y.io 来处理。同时把 callback 做了一个转换工作。这么修改完毕后，配合上Datatable的修改。答案来了：

 

 

datasource 里面还有一些对connection进行abort的操作，也要对应做转换才算完美，继续投入代码修改……

 

实际上就在上文代码里面包含了abort。但是我还是把修改后的代码放在下方，体现历史变化：

 

if(this.connXhrMode == "cancelStaleRequests") { // Look in queue for stale requests if(oQueue.conn) { /*if(oConnMgr.abort) { oConnMgr.abort(oQueue.conn); oQueue.conn = null; YAHOO.log("Canceled stale request", "warn", this.toString()); }*/ if(oQueue.conn.abort){ oQueue.conn.abort(); oQueue.conn = null; YAHOO.log("Canceled stale request", "warn", this.toString()); else { YAHOO.log("Could not find Connection Manager abort() function", "error", this.toString()); } } }