javascript表格排序方法

上一篇 / 下一篇 2007-11-28 18:21:54

查看( 20 ) / 评论( 0 )

QUOTE:

我爱贵溪$~5@e2iyG)n
我爱贵溪cv7hr#h3ZnR2z
<html>我爱贵溪s;o_Cp
<head>
9\5Oe?'UI+r,d0 <title>Table Sort Example javascript表格排序方法</title>我爱贵溪{bn9j a+zJ
      <script. type="text/javascript">我爱贵溪&`r)A{4gFw
      //比较函数,比较两个行
c7_:A Of;uS0       function compareTRs(oTR1,oTR2)我爱贵溪4taT G eC|
      ...{
k#iCp](_Q n.D0          var sValue1 = oTR1.cells[0].firstChild.nodeValue;
JFE dTX0          var sValue2 = oTR2.cells[0].firstChild.nodeValue;我爱贵溪 o:F-}-? W4l
         return sValue1.localeCompare(sValue2);我爱贵溪7[-zp*c1ll
      }我爱贵溪C'Q:AUr1[
      function sortTable(sTableID) ...{我爱贵溪6EcK[Cs(b#h9l
            var Table = document.getElementById(sTableID);我爱贵溪 n#k&U!]'L'|-{6L
            var TBody = oTable.tBodies[0];//找到body我爱贵溪(\&DR*f9B{
            var colDataRows = oTBody.rows;//获取所有的行
9V,B1jE1H@@!y#S$hUx0             var aTRs = new Array;我爱贵溪VJ&a Qg{
      我爱贵溪:qQ%V}G
            for (var i=0; i < colDataRows.length; i++) ...{我爱贵溪`8a:M,w$G$p
                  aTRs = colDataRows;我爱贵溪!o!\$sR[_#g+U&e EL
            }我爱贵溪1nVt#`5pVB6h
            //把所有的行的引用放到数组中,然后排序
fSh]g{0             aTRs.sort(compareTRs);
Nx7ro(j8lUo0             //调用排序函数我爱贵溪1N\DoiyS*iY8^
            var Fragment = document.createDocumentFragment();//创建文档碎片,更快的重新组织DOM我爱贵溪 S`C%?#H!Y4dk(i
            for (var i=0; i < aTRs.length; i++) ...{
@%?!_Jls0                   oFragment.appendChild(aTRs);
q,{1{7mrZO a)K N7V0             }
7g)F&G.^:xS6cL0    我爱贵溪:W[fC^UG
            oTBody.appendChild(oFragment);我爱贵溪CSr3g%Jr4q
         }我爱贵溪vm9y"Bz
      </script>
9_~7rO1U0 </head>
Th(g0RHu1h]V*t0 <body>
$Mn3Q3g`+E0       <p>Click on the table header to sort in ascending order.</p>我爱贵溪PLQh*] X@r
      <table border="1" id="tblSort">
;C oD+d0swHH+E0          <thead>
Y8wpv&Z%b!F8|0             <tr>我爱贵溪+au(ist
                  <th  style="cursor:pointer">Last Name</th>我爱贵溪n mE M)Q AtF*Z
            </tr>我爱贵溪t#`)\J9Y
         </thead>
pX2hR8Z4d!b uG0          <tbody>我爱贵溪{)SlP,O]pB-j2B
            <tr>
"qNZ/Q_ gy1d0                   <td>Smith</td>
8Cmh;V^"KL~&G0             </tr>
H4A gA#G0             <tr>我爱贵溪^!JX9t$lT*Q|*A
                  <td>Johnson</td>我爱贵溪OP,Y/Lo.i`6{
            </tr>
l+x_A$o3cs%B0             <tr>我爱贵溪8q)`+t3U k(K S/R_Q
                  <td>Henderson</td>我爱贵溪3k9d+W0q(}Bk5iA!t6g
            </tr>
R-V5C C&L:D1w0             <tr>
9S+Lk/I4m^0                   <td>Williams</td>
tSelWQ x0             </tr>
(C7kXn5Yf0             <tr>
a7vZ2xD!H3x0                   <td>Gilliam</td>
)Xo:|_X4f+\0             </tr>
@V5m]9L.i%j#NO)Z0             <tr>
+q}7D H*zxA0                   <td>Walker</td>
%]mt'k2],V m$s'{a0             </tr>
0xx&y'|!m"k:Y F0          </tbody>
j ?*@)[9B:kE0       </table>       我爱贵溪ty+E,d_!?l
</body>
L}d"GIf sS0</html>

关于作者

传说

我爱贵溪

javascript表格排序方法

相关阅读:

关于作者