104 lines
3.8 KiB
JavaScript
104 lines
3.8 KiB
JavaScript
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();
|
||
}
|
||
}; |