/*----------------------------------------------------------------------------\ | Sortable Table 1.03 | |-----------------------------------------------------------------------------| | Created by Erik Arvidsson | | (http://webfx.eae.net/contact.html#erik) | | For WebFX (http://webfx.eae.net/) | |-----------------------------------------------------------------------------| | A DOM 1 based script that allows an ordinary HTML table to be sortable. | |-----------------------------------------------------------------------------| | Copyright (c) 1998 - 2002 Erik Arvidsson | |-----------------------------------------------------------------------------| | This software is provided "as is", without warranty of any kind, express or | | implied, including but not limited to the warranties of merchantability, | | fitness for a particular purpose and noninfringement. In no event shall the | | authors or copyright holders be liable for any claim, damages or other | | liability, whether in an action of contract, tort or otherwise, arising | | from, out of or in connection with the software or the use or other | | dealings in the software. | | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | | This software is available under the three different licenses mentioned | | below. To use this software you must chose, and qualify, for one of those. | | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | | The WebFX Non-Commercial License http://webfx.eae.net/license.html | | Permits anyone the right to use the software in a non-commercial context | | free of charge. | | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | | The WebFX Commercial license http://webfx.eae.net/commercial.html | | Permits the license holder the right to use the software in a commercial | | context. Such license must be specifically obtained, however it's valid for | | any number of implementations of the licensed software. | | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | | GPL - The GNU General Public License http://www.gnu.org/licenses/gpl.txt | | Permits anyone the right to use and modify the software without limitations | | as long as proper credits are given and the original and modified source | | code are included. Requires that the final product, software derivate from | | the original source or any software utilizing a GPL component, such as | | this, is also licensed under the GPL license. | |-----------------------------------------------------------------------------| | 2003-01-10 | First version | | 2003-01-19 | Minor changes to the date parsing | | 2003-01-28 | JScript 5.0 fixes (no support for 'in' operator) | | 2003-02-01 | Sloppy typo like error fixed in getInnerText | |-----------------------------------------------------------------------------| | Created 2003-01-10 | All changes are in the log above. | Updated 2003-02-01 | \----------------------------------------------------------------------------*/ function SortableTable(oTable, oSortTypes) { // alert("oTable="+oTable.id); for (i = 0; i < oTable.rows.length; i++) { for (j = 0; j < oTable.rows(i).cells.length; j++) { // document.all.oTable.rows(i).cells(j).innerText = count; // alert(document.all.oTable.rows(i).cells(j).innerText); if (i > 0) oTable.rows(i).cells(j).style.borderBottom = '0.1mm inset #C3D6EA'; } } this.element = oTable; // var e= this.element; // alert("this.element="+this.element); this.tHead = oTable.tHead; this.tBody = oTable.tBodies[0]; this.document = oTable.ownerDocument || oTable.document; this.sortColumn = null; this.descending = null; var oThis = this; // alert("why");//alert("after chuanru="+e.id); this._headerOnclick = function(e) { oThis.headerOnclick(e); }; // only IE needs this var win = this.document.defaultView || this.document.parentWindow; this._onunload = function() { oThis.destroy(); }; if (win && typeof win.attachEvent != "undefined") { win.attachEvent("onunload", this._onunload); } this.initHeader(oSortTypes || []); } SortableTable.gecko = navigator.product == "Gecko"; SortableTable.msie = /msie/i.test(navigator.userAgent); // Mozilla is faster when doing the DOM manipulations on // an orphaned element. MSIE is not SortableTable.removeBeforeSort = SortableTable.gecko; SortableTable.prototype.onsort = function() { }; // adds arrow containers and events // also binds sort type to the header cells so that reordering columns does // not break the sort types SortableTable.prototype.initHeader = function(oSortTypes) { var cells = this.tHead.rows[0].cells; var l = cells.length; var img, c; for (var i = 0; i < l; i++) { c = cells[i]; img = this.document.createElement("IMG"); img.src = "/GDZJ/images/button/blank.png"; c.appendChild(img); if (oSortTypes[i] != null) { c._sortType = oSortTypes[i]; } // alert("c.addEventListener="+c.addEventListener) if (typeof c.addEventListener != "undefined") { c.addEventListener("click", this._headerOnclick, false); // c.addEventListener("dblclick", this._headerOnclick, false); } else if (typeof c.attachEvent != "undefined") c.attachEvent("onclick", this._headerOnclick); } this.updateHeaderArrows(); }; // remove arrows and events SortableTable.prototype.uninitHeader = function() { var cells = this.tHead.rows[0].cells; var l = cells.length; var c; for (var i = 0; i < l; i++) { c = cells[i]; c.removeChild(c.lastChild); // alert("c.removeEventListener="+c.removeEventListener) if (typeof c.removeEventListener != "undefined") { c.removeEventListener("click", this._headerOnclick, false); // c.removeEventListener("dblclick", this._headerOnclick, false); } else if (typeof c.detachEvent != "undefined") c.detachEvent("onclick", this._headerOnclick); } }; SortableTable.prototype.updateHeaderArrows = function() { var cells = this.tHead.rows[0].cells; var l = cells.length; var img; for (var i = 0; i < l; i++) { img = cells[i].lastChild; if (i == this.sortColumn) img.className = "sort-arrow " + (this.descending ? "descending" : "ascending"); else img.className = "sort-arrowblank"; } }; SortableTable.prototype.headerOnclick = function(e) { // find TD element var el = e.target || e.srcElement; // alert("alert(el.tagName);="+el.parentNode.tagName); // alert("el.id="+el.id); // alert("e.srcElement="+e.srcElement.tagName); while (el.tagName != "TD") { // alert(el.tagName); el = el.parentNode; } this.sort(el.cellIndex); }; SortableTable.prototype.getSortType = function(nColumn) { var cell = this.tHead.rows[0].cells[nColumn]; var val = cell._sortType; if (val != "") return val; return "String"; }; // only nColumn is required // if bDescending is left out the old value is taken into account // if sSortType is left out the sort type is found from the sortTypes array // Array.prototype.del=function(n) { // return this.slice(0,n).concat(this.slice(n+1,this.length)); // } SortableTable.prototype.sort = function(nColumn, bDescending, sSortType) { if (sSortType == null) sSortType = this.getSortType(nColumn); // exit if None if (sSortType == "None") return; if (bDescending == null) { if (this.sortColumn != nColumn) this.descending = true; else this.descending = !this.descending; } this.sortColumn = nColumn; if (typeof this.onbeforesort == "function") this.onbeforesort(); // alert("sSortType, nColumn"+sSortType+","+nColumn); if (sSortType == null) { return; } var f = this.getSortFunction(sSortType, nColumn); var a = this.getCache(sSortType, nColumn); var tBody = this.tBody; a.sort(f); if (this.descending) a.reverse(); if (SortableTable.removeBeforeSort) { // remove from doc var nextSibling = tBody.nextSibling; var p = tBody.parentNode; p.removeChild(tBody); } // insert in the new order var l = a.length; for (var i = 0; i < l; i++) tBody.appendChild(a[i].element); if (SortableTable.removeBeforeSort) { // insert into doc p.insertBefore(tBody, nextSibling); } this.updateHeaderArrows(); this.destroyCache(a); if (typeof this.onsort == "function") this.onsort(); }; SortableTable.prototype.asyncSort = function(nColumn, bDescending, sSortType) { var oThis = this; this._asyncsort = function() { oThis.sort(nColumn, bDescending, sSortType); }; window.setTimeout(this._asyncsort, 1); }; SortableTable.prototype.getCache = function(sType, nColumn) { var rows = this.tBody.rows; var l = rows.length; var a = new Array(l); var r; for (var i = 0; i < l; i++) { r = rows[i]; a[i] = { value : this.getRowValue(r, sType, nColumn), element : r }; }; return a; }; SortableTable.prototype.destroyCache = function(oArray) { var l = oArray.length; for (var i = 0; i < l; i++) { oArray[i].value = null; oArray[i].element = null; oArray[i] = null; } } SortableTable.prototype.getRowValue = function(oRow, sType, nColumn) { var s; // alert("oRow.cells.length="+oRow.cells.length+"sType="+sType+"nColumn="+nColumn); if (oRow.cells.length > nColumn) { var c = oRow.cells[nColumn]; if (typeof c.innerText != "undefined") { // alert("c.innerText="+c.innerText); // if(c.innerText!="undefined") s = c.innerText; return this.getValueFromString(s, sType); } else { return false; // alert("getInnerText="); // s = SortableTable.getInnerText(c); return this.getValueFromString(s, sType); } } }; SortableTable.getInnerText = function(oNode) { // alert("ffffffffffffff"); var s = ""; var cs = oNode.childNodes; var l = cs.length; for (var i = 0; i < l; i++) { switch (cs[i].nodeType) { case 1 : // ELEMENT_NODE s += SortableTable.getInnerText(cs[i]); break; case 3 : // TEXT_NODE s += cs[i].nodeValue; break; } } return s; } SortableTable.prototype.getValueFromString = function(sText, sType) { switch (sType) { case "Number" : return Number(sText); case "CaseInsensitiveString" : return sText.toUpperCase(); case "Date" : var parts = sText.split("-"); var d = new Date(0); d.setFullYear(parts[0]); d.setDate(parts[2]); d.setMonth(parts[1] - 1); return d.valueOf(); } return sText; }; SortableTable.prototype.getSortFunction = function(sType, nColumn) { return function compare(n1, n2) { if (n1.value < n2.value) return -1; if (n2.value < n1.value) return 1; return 0; }; }; SortableTable.prototype.destroy = function() { this.uninitHeader(); var win = this.document.parentWindow; if (win && typeof win.detachEvent != "undefined") { // only IE needs this win.detachEvent("onunload", this._onunload); } this._onunload = null; this.element = null; this.tHead = null; this.tBody = null; this.document = null; this._headerOnclick = null; this.sortTypes = null; this._asyncsort = null; this.onsort = null; };