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


Posted in Javascript onNovember 12, 2007

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

Javascript 相关文章推荐
一些经常会用到的Javascript检测函数
May 31 Javascript
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
Feb 03 Javascript
JS获取select的value和text值的简单实例
Feb 26 Javascript
JavaScript实现大数的运算
Nov 24 Javascript
jQuery实现打开页面渐现效果示例
Jul 27 Javascript
微信小程序点击控件修改样式实例详解
Jul 07 Javascript
angularjs实现猜大小功能
Oct 23 Javascript
详解各版本React路由的跳转的方法
May 10 Javascript
微信上传视频文件提示(推荐)
Nov 22 Javascript
JavaScript 截取字符串代码实例
Sep 05 Javascript
基于vue实现探探滑动组件功能
May 29 Javascript
基于原生JS封装的Modal对话框插件的示例代码
Sep 09 Javascript
用js实现手把手教你月入万刀(转贴)
Nov 07 #Javascript
不能再简单的无闪刷新验证码原理很简单
Nov 05 #Javascript
才发现的超链接js导致网页中GIF动画停止的解决方法
Nov 02 #Javascript
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
Oct 23 #Javascript
非常漂亮的JS代码经典广告
Oct 21 #Javascript
国外Lightbox v2.03.3 最新版 下载
Oct 17 #Javascript
javascript[js]获取url参数的代码
Oct 17 #Javascript
You might like
ThinkPHP使用心得分享-分页类Page的用法
2014/05/15 PHP
PHP之autoload运行机制实例分析
2014/08/28 PHP
php过滤表单提交的html等危险代码
2014/11/03 PHP
php实现高效获取图片尺寸的方法
2014/12/12 PHP
PHP获取昨天、今天及明天日期的方法
2016/02/03 PHP
微信小程序 消息推送php服务器验证实例详解
2017/03/30 PHP
JAVASCRIPT IE 与 FF中兼容问题小结
2009/02/18 Javascript
js中哈希表的几种用法总结
2014/01/28 Javascript
JS打开摄像头并截图上传示例
2017/02/18 Javascript
vue实现留言板todolist功能
2017/08/16 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
2017/09/18 Javascript
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
解决vue点击控制单个样式的问题
2018/09/05 Javascript
Vue2 添加数据可视化支持的方法步骤
2019/01/02 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
vue.js 实现a标签href里添加参数
2019/11/12 Javascript
js获取url页面id,也就是最后的数字文件名
2020/09/25 Javascript
详解vue3中组件的非兼容变更
2021/03/03 Vue.js
在Python中使用sort()方法进行排序的简单教程
2015/05/21 Python
怎样使用Python脚本日志功能
2016/08/14 Python
JS设计模式之责任链模式实例详解
2018/02/03 Python
numpy的文件存储.npy .npz 文件详解
2018/07/09 Python
详解Python用户登录接口的方法
2019/04/17 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
使用opencv中匹配点对的坐标提取方式
2020/06/04 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
python语言time库和datetime库基本使用详解
2020/12/25 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
Web前端页面跳转并取到值
2017/04/24 HTML / CSS
自荐书4要点
2014/01/25 职场文书
家长建议怎么写
2014/05/15 职场文书
学校节能减排倡议书
2014/05/16 职场文书
全国税务系统先进集体事迹材料
2014/05/19 职场文书
送温暖献爱心活动总结
2014/07/08 职场文书
公司授权委托书样本
2014/09/15 职场文书
邀请函范文
2015/02/02 职场文书