var k = 0; /**//************************************************************************** 排序的主方法,有三个形参,STableTd,iCol,sDataType分别为需要排序的表格ID, 需要排序的表格列号,所在列的数据类型(支持int,float,date,string四种数据类型) *****************1*********************************************************/ $(function () { $("th[onclick^='sortTable'],td[onclick^='sortTable']").each(function () { $(this).addClass("tablegrid_re_sort"); }); }); function sortTable(sTableId, iCol, sDataType) { var oTable = document.getElementById(sTableId);//获取表格的ID var oTbody = oTable.tBodies[0]; //获取表格的tbody var colDataRows = oTbody.rows; //获取tbody里的所有行的引用 var rowstyle = ""; var aTRs = new Array(); //定义aTRs数组用于存放tbody里的行 for (var i = 0; i < colDataRows.length; i++) //依次把所有行放如aTRs数组 { aTRs.push(colDataRows[i]); } /**//*********************************************************************** sortCol属性是额外给table添加的属性,用于作顺反两种顺序排序时的判断,区分 首次排序和后面的有序反转 ************************************************************************/ if (k % 2 == 0) //升序 rowstyle = "tablegrid_sort_asc"; else//降序 rowstyle = "tablegrid_sort_desc"; if (oTable.sortCol == iCol && k > 1) //非首次排序 { aTRs.reverse(); } else //首次排序 { if (oTable.sortCol != iCol) k = 0; if (k % 2 == 0) //升序 { aTRs.sort(generateCompareTRs(iCol, sDataType)); } else if (k % 2 == 1) //降序 { aTRs.sort(generateCompareTRs1(iCol, sDataType)); } } var oFragment = document.createDocumentFragment(); //创建文档碎片 for (var i = 0; i < aTRs.length; i++) //把排序过的aTRs数组成员依次添加到文档碎片 { aTRs[i].cells[0].firstChild.nodeValue = i + 1; oFragment.appendChild(aTRs[i]); } oTbody.appendChild(oFragment); //把文档碎片添加到tbody,完成排序后的显示更新 oTable.sortCol = iCol; //把当前列号赋值给sortCol,以此来区分首次排序和非首次排序,//sortCol的默认值为-1 $(oTable).find(".tablegrid_sort_asc").removeClass("tablegrid_sort_asc"); $(oTable).find(".tablegrid_sort_desc").removeClass("tablegrid_sort_desc"); $(oTable).find("th:eq(" + iCol + ")").addClass(rowstyle); k++; }; //比较函数,用于两项之间的排序 //升序 function generateCompareTRs(iCol, sDataType) { return function compareTRs(oTR1, oTR2) { var vValue1 = convert(oTR1.cells[iCol].firstChild.nodeValue, sDataType); var vValue2 = convert(oTR2.cells[iCol].firstChild.nodeValue, sDataType); if (vValue1 < vValue2) { return -1; } else if (vValue1 > vValue2) { return 1; } else { return 0; } }; }; //降序 function generateCompareTRs1(iCol, sDataType) { return function compareTRs(oTR1, oTR2) { var vValue1 = convert(oTR1.cells[iCol].firstChild.nodeValue, sDataType); var vValue2 = convert(oTR2.cells[iCol].firstChild.nodeValue, sDataType); if (vValue1 > vValue2) { return -1; } else if (vValue1 < vValue2) { return 1; } else { return 0; } }; }; //数据类型转换函数 function convert(sValue, sDataType) { switch (sDataType) { case "int": return parseInt(sValue); case "float": return parseFloat(sValue); case "date": return new Date(Date.parse(sValue)); default: return sValue.toString(); } };