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 相关文章推荐
防止文件缓存的js代码
Jan 10 Javascript
基于jQuery实现图片的前进与后退功能
Apr 24 Javascript
禁止选中文字兼容IE、Chrome、FF等
Sep 04 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
Dec 19 Javascript
js判断游览器类型及版本号的代码
May 11 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
Jan 28 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
Feb 18 Javascript
值得分享的Bootstrap Table使用教程
Nov 23 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
Apr 11 Javascript
VUE使用axios调用后台API接口的方法
Aug 03 Javascript
JS实现页面侧边栏效果探究
Jan 08 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
基于mysql的论坛(4)
2006/10/09 PHP
php 论坛采集程序 模拟登陆,抓取页面 实现代码
2009/07/09 PHP
php/js获取客户端mac地址的实现代码
2013/07/08 PHP
PHP时间戳格式全部汇总 (获取时间、时间戳)
2016/06/13 PHP
php 实现301重定向跳转实例代码
2016/07/18 PHP
详解cookie验证的php应用的一种SSO解决办法
2017/10/20 PHP
详解PHP实现支付宝小程序用户授权的工具类
2018/12/25 PHP
jquery.ui.draggable中文文档
2009/11/24 Javascript
MooBox 基于Mootools的对话框插件
2012/01/20 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
2012/04/07 Javascript
js数组Array sort方法使用深入分析
2013/02/21 Javascript
使用Sticker.js实现贴纸效果
2015/01/28 Javascript
javascript之IE版本检测超简单方法
2016/08/20 Javascript
jquery自定义表单验证插件
2016/10/12 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
ECMAscript 变量作用域总结概括
2017/08/18 Javascript
js实现各浏览器全屏代码实例
2018/07/03 Javascript
Express结合Webpack的全栈自动刷新
2019/05/23 Javascript
Js逆向实现滑动验证码图片还原的示例代码
2020/03/10 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
2020/11/06 Javascript
Python验证企业工商注册码
2015/10/25 Python
python实现五子棋小游戏
2020/03/25 Python
python字典的setdefault的巧妙用法
2019/08/07 Python
浅谈Python里面None True False之间的区别
2020/07/09 Python
美国独家设计师眼镜在线光学商店:Glasses Gallery
2017/12/28 全球购物
Pandora西班牙官方商店:PandoraShop.es
2020/10/05 全球购物
综合办公室主任职责
2013/12/16 职场文书
三个儿子教学反思
2014/02/03 职场文书
模具专业毕业生自荐书范文
2014/02/19 职场文书
企业安全生产责任书
2014/04/14 职场文书
幼儿教师师德承诺书
2014/05/23 职场文书
企业仓管员岗位职责
2014/06/15 职场文书
工作散漫检讨书
2014/09/16 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
监考失职检讨书
2015/01/26 职场文书
幼儿园教师自荐书
2015/03/06 职场文书