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 相关文章推荐
jQuery语法总结和注意事项小结
Nov 11 Javascript
前台js改变Session的值(用ajax实现)
Dec 28 Javascript
JQuery中dataGrid设置行的高度示例代码
Jan 03 Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
ES6 系列之 Generator 的自动执行的方法示例
Oct 19 Javascript
JS基于ES6新特性async await进行异步处理操作示例
Feb 02 Javascript
微信小程序图片左右摆动效果详解
Jul 13 Javascript
对layui数据表格动态cols(字段)动态变化详解
Oct 25 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
Jan 18 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
Aug 04 Javascript
处理canvas绘制图片模糊问题
May 11 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
thinkPHP5 tablib标签库自定义方法详解
2017/05/10 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
PHP配置ZendOpcache插件加速
2019/02/14 PHP
基于jQuery的树控件实现代码(asp.net+json)
2010/07/11 Javascript
javascript基础知识大集锦(二) 推荐收藏
2011/01/13 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
2013/11/26 Javascript
JavaScript中的方法重载实例
2015/03/16 Javascript
JS实现点击登录弹出窗口同时背景色渐变动画效果
2016/03/25 Javascript
js中最容易被忽视的事件问题大总结
2016/05/15 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
Angularjs 1.3 中的$parse实例代码
2017/09/14 Javascript
原生js中ajax访问的实例详解
2017/09/19 Javascript
微信小程序之GET请求的实例详解
2017/09/29 Javascript
vue添加class样式实例讲解
2019/02/12 Javascript
layui 弹出层值回传解决方式
2019/11/14 Javascript
微信小程序开发搜索功能实现(前端+后端+数据库)
2020/03/04 Javascript
ESLint 是如何检查 .vue 文件的
2020/11/30 Vue.js
Python编程中对文件和存储器的读写示例
2016/01/25 Python
浅谈python迭代器
2017/11/08 Python
python实现树形打印目录结构
2018/03/29 Python
python中字符串的操作方法大全
2018/06/03 Python
python实现抖音点赞功能
2019/04/07 Python
python3.7 sys模块的具体使用
2019/07/22 Python
python中几种自动微分库解析
2019/08/29 Python
python3 常见解密加密算法实例分析【base64、MD5等】
2019/12/19 Python
python Zmail模块简介与使用示例
2020/12/19 Python
大学四年职业生涯规划书范文
2014/01/02 职场文书
《歌唱二小放牛郎》教学反思
2014/04/19 职场文书
高一学生评语大全
2014/04/25 职场文书
一帮一活动总结
2014/05/08 职场文书
安全技术说明书
2014/05/09 职场文书
律师授权委托书范本
2014/10/07 职场文书
公司员工违纪检讨书
2015/05/05 职场文书
2015年销售助理工作总结
2015/05/11 职场文书
导游词之日月潭
2019/11/05 职场文书
CSS3 制作的悬停缩放特效
2021/04/13 HTML / CSS