资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
ASP教程
>>>
js table排序类代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>table排序类</title> </head> <body> <style type="text/css"> .fu_list{ width:400px; border:1px solid #ebebeb;line-height:20px; font-size:12px;} .fu_list thead td{background-color:#ebebeb;} .fu_list td{padding:5px;} .fu_list a{outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/ text-decoration:none; color:#333;} .fu_list thead a{padding-right:15px;} .fu_list thead a.up, .fu_list thead a.down{ background:url(up.gif) right center no-repeat; } .fu_list thead a.down{background-image:url(down.gif);} </style> <table border="0" cellspacing="0" cellpadding="0" class="fu_list"> <thead> <tr> <td> <a href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" id="idTitle">名称</a> / <a href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" id="idExt">类型</a></td> <td width="200" align="center"><a href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" id="idAddtime" class="up">上传时间</a></td> <td width="50" align="center"><a href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" id="idSize">大小</a></td> </tr> </thead> <tbody id="idList"> <tr> <td _ext="rar">new.rar</td> <td align="center" _order="2008/9/12 8:51:09">2008-9-12 8:51:09</td> <td align="right" _order="433247">423.09 K</td> </tr> <tr> <td _ext="js">TagControl.js</td> <td align="center" _order="2008/9/23 11:26:57">2008-9-23 11:26:57</td> <td align="right" _order="1387">1.35 K</td> </tr> <tr> <td _ext="js">Scroller.js</td> <td align="center" _order="2008/9/23 11:26:57">2008-9-23 11:26:57</td> <td align="right" _order="2556">2.5 K</td> </tr> <tr> <td _ext="js">AlertBox.js</td> <td align="center" _order="2008/9/23 11:26:57">2008-9-23 11:26:57</td> <td align="right" _order="3565">3.48 K</td> </tr> <tr> <td _ext="htm">1.htm</td> <td align="center" _order="2008/10/4 20:21:54">2008-10-4 20:21:54</td> <td align="right" _order="11394">11.13 K</td> </tr> <tr> <td _ext="htm">4.htm</td> <td align="center" _order="2008/10/4 20:21:54">2008-10-4 20:21:54</td> <td align="right" _order="351">351 b</td> </tr> <tr> <td _ext="xml">news.xml</td> <td align="center" _order="2008/10/4 20:24:11">2008-10-4 20:24:11</td> <td align="right" _order="14074">13.74 K</td> </tr> <tr> <td _ext="xsl">news.xsl</td> <td align="center" _order="2008/10/4 20:24:11">2008-10-4 20:24:11</td> <td align="right" _order="16796">16.4 K</td> </tr> <tr> <td _ext="js">function.js</td> <td align="center" _order="2008/10/4 20:24:11">2008-10-4 20:24:11</td> <td align="right" _order="2844">2.78 K</td> </tr> </tbody> </table> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Avar%20%24%20%3D%20function%20(id)%20%7B%20%0D%0Areturn%20%22string%22%20%3D%3D%20typeof%20id%20%3F%20document.getElementById(id)%20%3A%20id%3B%20%0D%0A%7D%3B%20%0D%0Avar%20Class%20%3D%20%7B%20%0D%0Acreate%3A%20function()%20%7B%20%0D%0Areturn%20function()%20%7B%20%0D%0Athis.initialize.apply(this%2C%20arguments)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0AObject.extend%20%3D%20function(destination%2C%20source)%20%7B%20%0D%0A%20%20%20%20for%20(var%20property%20in%20source)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20destination%5Bproperty%5D%20%3D%20source%5Bproperty%5D%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20return%20destination%3B%20%0D%0A%7D%20%0D%0Afunction%20Each(list%2C%20fun)%7B%20%0D%0A%20%20%20%20for%20(var%20i%20%3D%200%2C%20len%20%3D%20list.length%3B%20i%20%3C%20len%3B%20i%2B%2B)%20%7B%20fun(list%5Bi%5D%2C%20i)%3B%20%7D%20%0D%0A%7D%3B%20%0D%0A%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%20%0D%0A%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%20%0D%0Avar%20TableOrder%20%3D%20Class.create()%3B%20%0D%0ATableOrder.prototype%20%3D%20%7B%20%0D%0Ainitialize%3A%20function(tbody)%20%7B%20%0D%0A%20%20%20%20var%20oThis%20%3D%20this%3B%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20this.Body%20%3D%20%24(tbody)%3B%2F%2Ftbody%E5%AF%B9%E8%B1%A1%20%0D%0A%20%20%20%20this.Rows%20%3D%20%5B%5D%3B%2F%2F%E8%A1%8C%E9%9B%86%E5%90%88%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20Each(this.Body.rows%2C%20function(o)%7B%20oThis.Rows.push(o)%3B%20%7D)%20%0D%0A%7D%2C%20%0D%0A%2F%2F%E6%8E%92%E5%BA%8F%E5%B9%B6%E6%98%BE%E7%A4%BA%20%0D%0ASort%3A%20function(order)%20%7B%20%0D%0A%20%20%20%20%2F%2F%E6%8E%92%E5%BA%8F%20%0D%0A%20%20%20%20this.Rows.sort(this.Compare(order))%3B%20%0D%0A%20%20%20%20order.Down%20%26%26%20this.Rows.reverse()%3B%20%0D%0A%20%20%20%20%2F%2F%E6%98%BE%E7%A4%BA%E8%A1%A8%E6%A0%BC%20%0D%0A%20%20%20%20var%20oFragment%20%3D%20document.createDocumentFragment()%3B%20%0D%0A%20%20%20%20Each(this.Rows%2C%20function(o)%7B%20oFragment.appendChild(o)%3B%20%7D)%3B%20%0D%0A%20%20%20%20this.Body.appendChild(oFragment)%3B%20%0D%0A%7D%2C%20%0D%0A%2F%2F%E6%AF%94%E8%BE%83%E5%87%BD%E6%95%B0%20%0D%0ACompare%3A%20function(order)%20%7B%20%0D%0A%20%20%20%20var%20oThis%20%3D%20this%3B%20%0D%0A%20%20%20%20return%20function(o1%2C%20o2)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20value1%20%3D%20oThis.GetValue(o1%2C%20order)%2C%20value2%20%3D%20oThis.GetValue(o2%2C%20order)%3B%20%0D%0A%20%20%20%20%20%20%20%20return%20value1%20%3C%20value2%20%3F%20-1%20%3A%20value1%20%3E%20value2%20%3F%201%20%3A%200%3B%20%0D%0A%20%20%20%20%7D%3B%20%0D%0A%7D%2C%20%0D%0A%2F%2F%E8%8E%B7%E5%8F%96%E6%AF%94%E8%BE%83%E5%80%BC%20%0D%0AGetValue%3A%20function(tr%2C%20order)%20%7B%20%0D%0A%20%20%20%20var%20data%20%3D%20tr.getElementsByTagName(%22td%22)%5Border.Index%5D.getAttribute(order.Attribute)%3B%20%0D%0A%20%20%20%20%2F%2F%E6%95%B0%E6%8D%AE%E8%BD%AC%E6%8D%A2%20%0D%0A%20%20%20%20switch%20(order.DataType.toLowerCase())%20%7B%20%0D%0A%20%20%20%20%20%20%20%20case%20%22int%22%3A%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20parseInt(data)%20%7C%7C%200%3B%20%0D%0A%20%20%20%20%20%20%20%20case%20%22float%22%3A%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20parseFloat(data)%20%7C%7C%200%3B%20%0D%0A%20%20%20%20%20%20%20%20case%20%22date%22%3A%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20Date.parse(data)%20%7C%7C%200%3B%20%0D%0A%20%20%20%20%20%20%20%20case%20%22string%22%3A%20%0D%0A%20%20%20%20%20%20%20%20default%3A%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20data.toString()%20%7C%7C%20%22%22%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%2C%20%0D%0A%2F%2F%E6%B7%BB%E5%8A%A0%E5%B9%B6%E8%BF%94%E5%9B%9E%E4%B8%80%E4%B8%AA%E6%8E%92%E5%BA%8F%E5%AF%B9%E8%B1%A1%20%0D%0AAdd%3A%20function(index%2C%20options)%20%7B%20%0D%0A%20%20%20%20var%20oThis%20%3D%20this%3B%20%0D%0A%20%20%20%20return%20new%20function()%7B%20%0D%0A%20%20%20%20%20%20%20%20%2F%2F%E9%BB%98%E8%AE%A4%E5%B1%9E%E6%80%A7%20%0D%0A%20%20%20%20%20%20%20%20this.Attribute%20%3D%20%22innerHTML%22%3B%2F%2F%E8%8E%B7%E5%8F%96%E6%95%B0%E6%8D%AE%E7%9A%84%E5%B1%9E%E6%80%A7%20%0D%0A%20%20%20%20%20%20%20%20this.DataType%20%3D%20%22string%22%3B%2F%2F%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%20%0D%0A%20%20%20%20%20%20%20%20this.Down%20%3D%20false%3B%2F%2F%E6%98%AF%E5%90%A6%E6%8C%89%E9%A1%BA%E5%BA%8F%20%0D%0A%20%20%20%20%20%20%20%20Object.extend(this%2C%20options%20%7C%7C%20%7B%7D)%3B%20%0D%0A%20%20%20%20%20%20%20%20%2F%2F%E6%8E%92%E5%BA%8F%E5%AF%B9%E8%B1%A1%E7%9A%84%E5%B1%9E%E6%80%A7%20%0D%0A%20%20%20%20%20%20%20%20this.Index%20%3D%20index%3B%20%0D%0A%20%20%20%20%20%20%20%20this.Sort%20%3D%20function()%7B%20oThis.Sort(this)%3B%20%7D%3B%20%0D%0A%20%20%20%20%7D%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Avar%20to%20%3D%20new%20TableOrder(%22idList%22)%3B%20%0D%0Afunction%20SetOrder(obj%2C%20index%2C%20options)%7B%20%0D%0A%20%20%20%20var%20o%20%3D%20%24(obj)%3B%20%0D%0A%20%20%20%20%2F%2F%E6%B7%BB%E5%8A%A0%E4%B8%80%E4%B8%AA%E6%8E%92%E5%BA%8F%E5%AF%B9%E8%B1%A1%20%0D%0A%20%20%20%20var%20order%20%3D%20to.Add(index%2C%20options)%3B%20%0D%0A%20%20%20%20o.onclick%20%3D%20function()%7B%20%0D%0A%20%20%20%20%20%20%20%20%2F%2F%E5%8F%96%E7%9B%B8%E5%8F%8D%E6%8E%92%E5%BA%8F%20%0D%0A%20%20%20%20%20%20%20%20order.Down%20%3D%20!order.Down%3B%20%0D%0A%20%20%20%20%20%20%20%20%2F%2F%E8%AE%BE%E7%BD%AE%E6%A0%B7%E5%BC%8F%20%0D%0A%20%20%20%20%20%20%20%20Each(SetOrder._arr%2C%20function(o)%7B%20o.className%20%3D%20%22%22%3B%20%7D)%20%0D%0A%20%20%20%20%20%20%20%20o.className%20%3D%20order.Down%20%3F%20%22down%22%20%3A%20%22up%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%2F%2F%E6%8E%92%E5%BA%8F%E6%98%BE%E7%A4%BA%20%0D%0A%20%20%20%20%20%20%20%20order.Sort()%3B%20%0D%0A%20%20%20%20%20%20%20%20return%20false%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%2F%2F_arr%E6%98%AF%E8%AE%B0%E5%BD%95%E6%8E%92%E5%BA%8F%E9%A1%B9%E7%9B%AE%EF%BC%88%E8%BF%99%E9%87%8C%E4%B8%BB%E8%A6%81%E7%94%A8%E6%9D%A5%E8%AE%BE%E7%BD%AE%E6%A0%B7%E5%BC%8F%EF%BC%89%20%0D%0A%20%20%20%20SetOrder._arr%20%3F%20SetOrder._arr.push(o)%20%3A%20SetOrder._arr%20%3D%20%5B%5D%3B%20%0D%0A%7D%20%0D%0ASetOrder(%22idTitle%22%2C%200)%3B%20%0D%0ASetOrder(%22idExt%22%2C%200%2C%20%7B%20Attribute%3A%20%22_ext%22%20%7D)%3B%20%0D%0ASetOrder(%22idAddtime%22%2C%201%2C%20%7B%20Attribute%3A%20%22_order%22%2C%20DataType%3A%20%22date%22%20%7D)%3B%20%0D%0ASetOrder(%22idSize%22%2C%202%2C%20%7B%20Attribute%3A%20%22_order%22%2C%20DataType%3A%20%22int%22%20%7D)%3B%20%0D%0A%3C%2Fscript%3E"> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程