手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Auntion-TableSort国人写的一个javascript表格排序的东西
Auntion-TableSort国人写的一个javascript表格排序的东西
摘要:Auntion-TableSort最新版修复了一个数字排序的问题.放出下载07年5月5日AuntionTableSort测试交流第一版(下一...

Auntion-TableSort最新版修复了一个数字排序的问题.放出下载07年5月5日

AuntionTableSort测试交流第一版

(下一版将会存在部分表格相关特效)

-----------------------------------------------------------------------------

作者:Auntion

blog:Auntion.blogbus.com

e-mail:Auntion@Gmail.com

QQ:82874972

-----------------------------------------------------------------------------

注:

转载请将此说明全部发出,因为可能会有新手不会用,并且该说明会有更详细的扩展说明.

为了国内javascript水平的共同进步,让我们一起努力!

此版为3天完成,今后可能会有升级,请关注我的blog.

-----------------------------------------------------------------------------

主要功能如下:

兼容ie,firefox核心.其他的我没有测试过,我只装这两个浏览器

支持可视编辑,跟以往一样的做table,只用设置一个id即可使用

排序:

数字:根据大小可按照降升序排列

字母:同数字

日期:同数字,格式中不要包含中文

单选、复选框:按照true或false排列

中文:按照第一个字相同的排列.

提供用户接口定义.可以自己实现不同的触发排序的方式

封装,继承,多态.

继承请使用prototype

-----------------------------------------------------------------------------

>对于新手:

如何使用?

请参看使用实例_1.htm:

■建立一个table

■如需美化请设置他的css样式

■设置表头,即给触发该列排序的td一个class名字

■创建对象,即初试化tableSort这个类.

■使用默认的排序触发方式

如果初始化?

varapply=newtableSort("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中

/**通过点击标签触发排序事件**/这一部分

打包下载

【Auntion-TableSort国人写的一个javascript表格排序的东西】相关文章:

网页制作常用Javascript语句

javascript 动态添加表格行

用javascript动态注释掉HTML代码

javascript动态创建链接的方法

Email地址加密javascript版

简介JavaScript中toTimeString()方法的使用

Javascript动态创建表格及删除行列的方法

javascript实现模拟时钟的方法

简介JavaScript中charAt()方法的使用

javascript改变和控制显示的图片大小

精品推荐
分类导航