Auntion-TableSort国人写的一个javascript表格排序的东西

 更新时间:2007年11月12日 21:19:50   作者:  
Auntion-TableSort最新版 修复了一个数字排序的问题.放出下载 07年5月5日

Auntion TableSort 测试交流第一版
(下一版将会存在部分表格相关特效)
-----------------------------------------------------------------------------

作者: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这个类.

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

    如果初始化?

    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中
/**通过点击标签触发排序事件**/这一部分 
    打包下载

相关文章

  • js中自定义方法实现停留几秒sleep

    js中自定义方法实现停留几秒sleep

    js中不存在自带的sleep方法,要想休眠要自己定义个方法,需要的朋友可以参考下
    2014-07-07
  • 在ES5与ES6环境下处理函数默认参数的实现方法

    在ES5与ES6环境下处理函数默认参数的实现方法

    本文给大家介绍在ES5与ES6环境下处理函数默认参数的实现方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,感兴趣的朋友跟随脚本之家小编一起学习吧
    2018-05-05
  • JS实现页面跳转与刷新的方法汇总

    JS实现页面跳转与刷新的方法汇总

    这篇文章主要给大家介绍了关于JS实现页面跳转与刷新的方法,文中通过示例代码介绍的非常详细,对大家学习或者使用JS具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-08-08
  • js使用swiper实现层叠轮播效果实例代码

    js使用swiper实现层叠轮播效果实例代码

    这篇文章主要给大家介绍了关于js使用swiper实现层叠轮播效果的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-12-12
  • javascript和jquery中cookie的设置方法

    javascript和jquery中cookie的设置方法

    Cookie 是浏览器访问服务器后,服务器传给浏览器的一段数据。浏览器需要保存这段数据,不会轻易删除(保存在计算机中)。此后每次浏览器访问该服务器,都必须带上这段数据。这篇文章主要介绍了javascript和jquery中cookie的设置方法
    2023-07-07
  • 学习JavaScript设计模式之观察者模式

    学习JavaScript设计模式之观察者模式

    这篇文章主要为大家介绍了JavaScript设计模式中的观察者模式,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 用javascript做拖动布局的思路

    用javascript做拖动布局的思路

    这几天不是很忙,就找了些拖动布局方面的资料看看,也学着写了个拖动布局的效果,没想到花了好多时间, 七拼八凑,总算是把这个效果写出来了。哎!还是js的功夫太差。因为是边找资料边写的,很多地方印象不深, 时间一长,再重新写估计也难,所以把当时的思路记录一下!也希望大虾指点一下!
    2008-05-05
  • javascript一元操作符(递增、递减)使用示例

    javascript一元操作符(递增、递减)使用示例

    javascript一元操作符递增、递减想必大家并不陌生吧,下面与大家分享下使用方法,有详细学习的朋友可以了解下,希望对大家有所帮助
    2013-08-08
  • js控制table合并具体实现

    js控制table合并具体实现

    这篇文章主要介绍了js控制table合并的具体实现,需要的朋友可以参考下
    2014-02-02
  • javascript DOM编程实例(智播客学习)

    javascript DOM编程实例(智播客学习)

    最近一直在努力学习DOM编程这块,这是目前成就感最强烈的一块了,毕老师很认真的给我们讲解了相关知识,并在网上找了很多做的非常棒的网页作为例程给我们进行讲解
    2009-11-11

最新评论