JavaScript Table排序

序二(09/05/03)

近来还是那么忙,趁五一更新一下程序吧。
这个版本主要增加和改进了以下东西:
1,对字符串改用localeCompare来比较;
2,一次排序中能使用多个排序对象(用于值相等时再排序);
3,修正一些发现的问题;
4,改进程序结构,个人觉得是更灵活更方便了;
5,增加bool类型比较;
6,添加attribute/property的内容;
7,修正ie6/7的radio/checkbox状态恢复bug;
8,增加自定义取值函数。


序一(08/10/06)

前一阵做了个网盘,用到了table的排序,趁热打铁做一个完整的table排序类出来。
程序的实现的是在客户端对表格进行排序,有以下特点:
1,自定义排序列、排序属性(例如innerHTML)、排序数据类型(包括int、float、date、string)、排序顺序(顺序和倒序);
2,自定义排序函数;
3,可同时设置多个排序列;

网上也有很多其他的table排序函数,但有的是基于数组,有的不够灵活。本程序是在原有table结构上加入功能,套用一个流行词叫“无侵入”。


效果预览

ID 名称 / 类型上传时间大小
1new.htm2008/9/12423.09 K
2Scroller.js2008/9/232.5 K
3AlertBox.js2008/9/233.48 K
41.xml2008/10/411.13 K
54.xml2008/10/4108 b
6news.htm2008/10/413.74 K
7function.js2008/10/42.78 K
8神秘园 - Nocturne.mp32008/9/202.97 M
9详细功略+剧情流程(一).doc2009/2/262 K
10详细功略+剧情流程(二).doc2009/2/2160.5 K
11禁止文件预览功能.txt2008/8/7860 b
12超级无敌精彩的效果集合.txt2009/2/2351 b


有中文的先排前面,再按时间倒序,ID倒序排序:

基本步骤

1,把需要排序的行放到tbody中(程序会直接取tbody的rows);

2,把排序行放到一个数组中;

this._rows = $$A.map(tBody.rows, function(o){ return o; });

it知识库JavaScript Table排序,转载需保留来源!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。