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 08 Javascript
jquery offset函数应用实例
Nov 14 Javascript
js拦截alert对话框另类应用
Jan 16 Javascript
jquery自定义表格样式
Nov 23 Javascript
使用jquery.form.js实现图片上传的方法
May 05 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
Dec 08 Javascript
AngularJS constant和value区别详解
Feb 28 Javascript
Angular多选、全选、批量选择操作实例代码
Mar 10 Javascript
javascript  数组排序与对象排序的实例
Jul 17 Javascript
vue ssr 指南详读
Jun 29 Javascript
详解超简单的react服务器渲染(ssr)入坑指南
Feb 28 Javascript
vue分页插件的使用方法
Dec 25 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
自己做矿石收音机
2021/03/02 无线电
在数据量大(超过10万)的情况下
2007/01/15 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
yii2 RBAC使用DbManager实现后台权限判断的方法
2016/07/23 PHP
javascript 兼容FF的onmouseenter和onmouseleave的代码
2008/07/19 Javascript
jQuery遍历对象、数组、集合实例
2014/11/08 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
每天一篇javascript学习小结(属性定义方法)
2015/11/19 Javascript
JavaScript基础知识及常用方法总结
2016/01/10 Javascript
深入探秘jquery瀑布流的实现
2016/01/30 Javascript
jQuery基于扩展简单实现倒计时功能的方法
2016/05/14 Javascript
浅谈js的url解析函数封装
2016/06/28 Javascript
JavaScript蒙板(model)功能的简单实现代码
2016/08/04 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
AngularJS service之select下拉菜单效果
2017/07/28 Javascript
原生js中ajax访问的实例详解
2017/09/19 Javascript
vue实现百度下拉列表交互操作示例
2019/03/12 Javascript
js JSON.stringify()基础详解
2019/06/19 Javascript
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
我就是这样学习Python中的列表
2019/06/02 Python
将Pytorch模型从CPU转换成GPU的实现方法
2019/08/19 Python
python 类的继承 实例方法.静态方法.类方法的代码解析
2019/08/23 Python
pytorch dataloader 取batch_size时候出现bug的解决方式
2020/02/20 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
让IE6、IE7、IE8支持CSS3的脚本
2010/07/20 HTML / CSS
a标签下载链接的简单实现
2016/09/13 HTML / CSS
详解px单位html5响应式方案
2018/03/08 HTML / CSS
西班牙用户之间买卖视频游戏的平台:Wakkap
2020/03/21 全球购物
Smilodox官方运动服装店:从运动服到健身配件
2020/08/27 全球购物
院党委组织查摆问题对照检查材料思想汇报2014
2014/10/08 职场文书
领导批评与自我批评范文
2014/10/16 职场文书
职工宿舍管理制度
2015/08/05 职场文书
《田忌赛马》教学反思
2016/02/19 职场文书
六一儿童节致辞稿(3篇)
2019/07/11 职场文书