六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 208|回复: 0

javascript表格排序

[复制链接]

升级  78%

9

主题

9

主题

9

主题

童生

Rank: 1

积分
39
 楼主| 发表于 2013-1-29 08:52:54 | 显示全部楼层 |阅读模式
//=====表格局部排序=====
//排序 tableId: 表的id,iCol:第几列 ;dataType:iCol对应的列显示数据的数据类型  
function sortTable(tableId, iCol, dataType){  
    var table = document.getElementById(tableId);  
    var tbody = table.tBodies[0];  
    var colRows = tbody.rows;  
    var aTrs = new Array;  
    var sortOrder = "asc";
    //将将得到的列放入数组,备用  
    for (var i=0; i < colRows.length-1; i++) {  
         aTrs[i] = colRows[i+1];  
    }  
//判断上一次排列的列和现在需要排列的是否同一个,如果行数变了,
//则需要重新排序,而不是reverse。  
    if (table.sortCol == iCol) {  
        sortOrder = changeSortType(table.sortType);
        aTrs.sort(compareEle(iCol, dataType,sortOrder));
        //aTrs.reverse();
    } else {  
     //如果不是同一列,使用数组的sort方法,传进排序函数  
       aTrs.sort(compareEle(iCol, dataType,sortOrder));  
    }           
    var oFragment = document.createDocumentFragment();  
                 
    for (var i=0; i < aTrs.length; i++) {  
        oFragment.appendChild(aTrs[i]);
    }                  
    tbody.appendChild(oFragment);  
    //记录最后一次排序的表格升降以及列索引
table.sortType = sortOrder;  
    table.sortCol = iCol;  
}
//改变排序类型
function changeSortType(type)
{
if(type=="desc"){
return "asc";
}
else
{
return "desc";
}
}   
//将列的类型转化成相应的可以排列的数据类型  
function convert(sValue, dataType) {  
     switch(dataType) {  
     case "int":  
         return parseInt(sValue);  
     case "float":  
         return parseFloat(sValue);  
     case "date":  
         return new Date(Date.parse(sValue));  
     default:  
         return sValue.toString();  
     }  
}  
               
//排序函数,iCol表示列索引,dataType表示该列的数据类型  
function compareEle(iCol, dataType,sortType) {  
    return  function (oTR1, oTR2) {  
         var vValue1 = convert(getCellText(oTR1.cells[iCol]), dataType);
         var vValue2 = convert(getCellText(oTR2.cells[iCol]), dataType);
         if(sortType=="desc")
         {
         if (vValue1 > vValue2) {  
            return -1;  
     } else if (vValue1 < vValue2) {  
        return 1;  
     } else {  
        return 0;  
     }
         }
         else
         {
         if (vValue1 < vValue2) {  
            return -1;  
     } else if (vValue1 > vValue2) {  
        return 1;  
     } else {  
        return 0;  
     }
         }
    };  
}

//获取某行该列的值
function getCellText(ob){  
   if (ob.textContent != null)  
   return ob.textContent;  
   var s = ob.innerText;  
   return s.substring(0, s.length);  
}
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表