DataGrid点击标题进行排序的JS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0026)http://aspx.cc/aspx.cc.htm -->
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312"><PUBLIC:ATTACH
ONEVENT="cleanup()" EVENT="ondetach"></PUBLIC:ATTACH>
<SCRIPT language=javascript>
  var TableName = "AspxCC";
  
  var ParentObj = null;
  function ClickThis(e)
  {
   if(ParentObj != null)
   {
    ParentObj.style.backgroundColor = "#FFFFFF";
   }
   e.style.backgroundColor = "#DEF8FF";
   ParentObj = e;
   e.style.backgroundColor = "#DEF8FF";
  }
  
  function window.onload()
  {
   var Obj = eval("document.all."+ TableName +".rows;");
   for(var i=1; i<Obj.length; i++)
   {
    Obj[i].onclick  = new Function("ClickThis(this)");
   }
   
   var ObjHead = eval("document.all."+ TableName +".rows[0].cells");
   for(var i=0; i<ObjHead.length; i++)
   {
    ObjHead[i].innerHTML = "<span style=\"cursor:hand;100%\" onclick=\"Order(this)\">"+ ObjHead[i].innerHTML +"</span>";
   }
  }
  
  var ParentNode = null;
  function Order(e)
  {
   if(ParentNode != null && ParentNode != e)
   {
    ParentNode.innerText = ParentNode.innerText.replace(UP(),'').replace(Down(),'');
   }  
   if(ParentNode != e)
   {
    e.innerText = e.innerText.replace(UP(),'').replace(Down(),'') + UP();
    OrderThis(e,"D");
   }
   else
   {
    if(e.innerText.replace(UP(),'') != e.innerText)
    {
     e.innerText = e.innerText.replace(UP(),'').replace(Down(),'') + Down();
     OrderThis(e,"U");
    }
    else
    {
     e.innerText = e.innerText.replace(UP(),'').replace(Down(),'') + UP();
     OrderThis(e,"D");
    }
   }
   ParentNode = e;
  }
  
  function UP()
  {
   return "▼";
  }
  
  function Down()
  {
   return "▲";
  }
  
  function OrderThis(e, Order)
  {
   var Rows;
   var ObjHead = eval("document.all."+ TableName +".rows[0].cells");
   for(var i=0; i<ObjHead.length; i++)
   {
    if(ObjHead[i].childNodes[0] == e)
    {
     Rows = i;
     break;
    }
   }
   
   //alert(Rows);
   //alert(Order);
   
   var Obj = eval("document.all."+ TableName);
   var d = new Date();
   ShordOrder(Obj, Rows, Order);
   alert("时间:"+ (new Date()-d) +"    行数:"+ Obj.rows.length);
  }
  
  
  
  //
  // objTB 表名  index所选择的列  Order选择的排序方式(D,U)
  // 关键方法 排序
  //
  function ShordOrder(objTB,index, Order){
   var i;
   var j;
   for(i=1;i<(objTB.rows.length-1);i++){
    for(j=i+1;j<objTB.rows.length;j++)
    {
     if(Order == "D")
     {    
      if(objTB.rows[j].cells[index].innerText.valueOf() > objTB.rows[i].cells[index].innerText.valueOf())
      {
       objTB.moveRow(j,i);
      }
     }
     else
     {
      if(objTB.rows[j].cells[index].innerText.valueOf() < objTB.rows[i].cells[index].innerText.valueOf())
      {
       objTB.moveRow(j,i);
      }
     }
    }
   }
  }   
  </SCRIPT>

<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY>
<TABLE id=AspxCC style="FONT-SIZE: 12px" cellSpacing=0 borderColorDark=#ffffff
cellPadding=2 width="100%" borderColorLight=#888888 border=1>
  <TBODY>
  <TR align=center bgColor=#dcdcdc>
    <TD>用户编号</TD>
    <TD>试用时间</TD>
    <TD>转正时间</TD>
    <TD>性别</TD>
    <TD>姓名拼音</TD>
    <TD>生日时间</TD>
    <TD>民族</TD>
    <TD>身高</TD></TR>
  <TR>
    <TD>2000001</TD>
    <TD>1997-3-13 0:00:00</TD>
    <TD>1997-3-13 0:00:00</TD>
    <TD>1</TD>
    <TD>WZJ</TD>
    <TD>1965-3-13 0:00:00</TD>
    <TD>汉</TD>
    <TD>171</TD></TR>
 
  <TR>
    <TD>2000045</TD>
    <TD>2001-2-15 0:00:00</TD>
    <TD>2001-3-15 0:00:00</TD>
    <TD>0</TD>
    <TD>WY</TD>
    <TD>1978-8-5 0:00:00</TD>
    <TD>汉</TD>
    <TD>162</TD></TR>
  <TR>
    <TD>2000046</TD>
    <TD>2001-2-23 0:00:00</TD>
    <TD>2001-3-23 0:00:00</TD>
    <TD>0</TD>
    <TD>LQ</TD>
    <TD>2001-2-23 0:00:00</TD>
    <TD>汉</TD>
    <TD>171</TD></TR>
 </TBODY></TABLE></BODY></HTML>

本文来自: 站长(http://www.qqcf.com/) 详细出处参考:http://study.qqcf.com/web/716/224820.htm

原文地址:https://www.cnblogs.com/saimisei/p/1941146.html