js 实现table自动排序
2013-08-27 18:22
393 查看
//使用说明将YG_TableSort()函数绑定到需要排序的table的单击或双击事件中
varisAsc=true
function YG_TableSort(tableID)
{
var tdEvent=event.srcElement;
if(tdEvent.tagName=="TD")
{
var cellIndex=tdEvent.cellIndex;
var myTable=tableID;
var oTbody=myTable.tBodies[0];
var tmpArr=new Array();
for(i=0;i<oTbody.rows.length;i++)
{
tmpArr[i]=oTbody.rows[i];
}
if(isNaN(parseInt(oTbody.rows[0].cells[cellIndex].innerHTML)))
{
tmpArr.sort(function(td1,td2){
var result;
if(isAsc)
{
result=td1.cells[cellIndex].innerHTML.localeCompare(td2.cells[cellIndex].innerHTML);
}
else
{
result=td2.cells[cellIndex].innerHTML.localeCompare(td1.cells[cellIndex].innerHTML);
}
return result;
});
}
else
{
tmpArr.sort(function(td1,td2){
var result
if(isAsc)
{
result=parseInt(td1.cells[cellIndex].innerHTML)-parseInt(td2.cells[cellIndex].innerHTML);
}
else
{
result=parseInt(td2.cells[cellIndex].innerHTML)-parseInt(td1.cells[cellIndex].innerHTML);
}
return result;
});
}
alert(tmpArr[0].cells[0].innerHTML);
for(j=0;j<tmpArr.length;j++)
{
//alert(tmpArr[j].cells[0].innerHTML);
oTbody.appendChild(tmpArr[j]);
}
}
isAsc=!isAsc;
}
varisAsc=true
function YG_TableSort(tableID)
{
var tdEvent=event.srcElement;
if(tdEvent.tagName=="TD")
{
var cellIndex=tdEvent.cellIndex;
var myTable=tableID;
var oTbody=myTable.tBodies[0];
var tmpArr=new Array();
for(i=0;i<oTbody.rows.length;i++)
{
tmpArr[i]=oTbody.rows[i];
}
if(isNaN(parseInt(oTbody.rows[0].cells[cellIndex].innerHTML)))
{
tmpArr.sort(function(td1,td2){
var result;
if(isAsc)
{
result=td1.cells[cellIndex].innerHTML.localeCompare(td2.cells[cellIndex].innerHTML);
}
else
{
result=td2.cells[cellIndex].innerHTML.localeCompare(td1.cells[cellIndex].innerHTML);
}
return result;
});
}
else
{
tmpArr.sort(function(td1,td2){
var result
if(isAsc)
{
result=parseInt(td1.cells[cellIndex].innerHTML)-parseInt(td2.cells[cellIndex].innerHTML);
}
else
{
result=parseInt(td2.cells[cellIndex].innerHTML)-parseInt(td1.cells[cellIndex].innerHTML);
}
return result;
});
}
alert(tmpArr[0].cells[0].innerHTML);
for(j=0;j<tmpArr.length;j++)
{
//alert(tmpArr[j].cells[0].innerHTML);
oTbody.appendChild(tmpArr[j]);
}
}
isAsc=!isAsc;
}
相关文章推荐
- JS实现点击表头表格自动排序(含数字、字符串、日期)
- JS实现Table简单排序
- js实现table排序(jQuery下的jquery.sortElements)
- JS实现table表格数据排序功能(可支持动态数据+分页效果)
- JS 实现Table相同行的单元格自动合并示例代码
- js实现table表列的排序
- JS 排序输出实现table行号自增前端动态生成的tr
- JS实现点击表头表格自动排序(含数字、字符串、日期)
- JS实现table表格数据排序(可支持动态数据+分页效果)
- JS 实现Table相同行的单元格自动合并
- js实现table排序(jQuery下的jquery.sortElements)
- js实现table排序-sortable.js
- JS 排序输出实现table行号自增前端动态生成的tr
- JS 实现Table相同行的单元格自动合并示例代码
- Node.js实现ES6代码自动编译--Babel
- js实现rem自动匹配计算font-size的示例
- JS实现常见的查找、排序、去重算法示例
- JS图片自动轮换效果实现思路附截图
- js对数组中的数字从小到大排序实现代码
- js实现表格字段排序