- 博客(0)
- 资源 (2)
- 收藏
- 关注
Auntion TableSort(最新修改,支持Float,支持锁定不排序行)
-----------------------------------------------------------------------------
网上搜索到前辈写的JS排序功能,感觉还不错。因此拿到自己的项目中使用,但是有些小问题,
继续网上搜索,仍然没有找到合适的答案,为了适应要求,特自己动手修改如下,也方便大家,
望指教.
1、修正一个Float类型数据排序问题,老版本把Float当String排序了。
2、增加一个锁定合计栏不参与排序的功能
调用方法参考"使用实例_1.htm"
Add by ddgboy in 20090428
QQ:7785526
-----------------------------------------------------------------------------
Auntion TableSort 测试交流第一版
(下一版将会存在部分表格相关特效)
-----------------------------------------------------------------------------
作者:Auntion
blog:Auntion.blogbus.com
e-mail:[email protected]
QQ:82874972
-----------------------------------------------------------------------------
注:
转载请将此说明全部发出,因为可能会有新手不会用,并且该说明会有更详细的扩展说明.
为了国内javascript水平的共同进步,让我们一起努力!
此版为3天完成,今后可能会有升级,请关注我的blog.
-----------------------------------------------------------------------------
主要功能如下:
支持可视编辑,跟以往一样的做table,只用设置一个id即可使用
排序:
数字:根据大小可按照降升序排列
字母:同数字
日期:同数字,格式中不要包含中文
单选、复选框:按照true或false排列
中文:按照第一个字相同的排列.
提供用户接口定义.可以自己实现不同的触发排序的方式
封装,继承,多态.
继承请使用prototype
-----------------------------------------------------------------------------
>对于新手:
如何使用?
请参看 使用实例_1.htm :
■ 建立一个table
■ 如需美化请设置他的css样式
■ 设置表头,即给触发该列排序的td一个class名字
■ 创建对象,即初试化tableSort这个类.
■ 使用默认的排序触发方式
如果初始化?
var apply = new tableSort("bodys","tag");
apply.toTagStart();//这里将使用已经定义的一种默认触发方式.
■ 其中"bodys"为表格的id(可为object或string) -- 根据你的表格ID而改变
■ 其中"tag"为每列头td的class名
>对于有兴趣扩展的朋友:
本类将提供一个可扩展的模式,当前仅限于触发的方式,即用户接口.
具体请参看tableSort.class.js
注:
可以通过不同的方式触发排序-步骤:
1.创建对象
2.(此部根据情况可选用) 多态方式设置其中的 tempCellIndex属性 为欲排序的列的下标
如我要给第三行排序,tempCellIndex属性即为3
3.获取与设置状态(参看tableSort.class.js中的注释)
4.改变列头的css样式
5.初始化开始排序
(第一部和第二部不包含在用户接口之内,为创建对象时的操作)
(其中第二部为创建对象之后进行设置)
我表达能力不太好,如果不明白请看tableSort.class.js中
/**通过点击标签触发排序事件**/这一部分
2009-04-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人