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 相关文章推荐
Prototype使用指南之array.js
Jan 10 Javascript
jquery实现点击文字可编辑并修改保存至数据库
Apr 15 Javascript
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
May 27 Javascript
告诉你什么是javascript的回调函数
Sep 04 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
webpack写jquery插件的环境配置
Dec 21 jQuery
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
JavaScript常用数组操作方法,包含ES6方法
May 10 Javascript
vue等两个接口都返回结果再执行下一步的实例
Sep 08 Javascript
Node.js fs模块原理及常见用途
Oct 22 Javascript
微信小程序自定义tabBar的踩坑实践记录
Nov 06 Javascript
JavaScript实现商品评价五星好评
Nov 30 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
基于Jquery的淡入淡出的特效基础练习
2010/12/13 Javascript
jquery radio 操作代码
2011/03/16 Javascript
javascript加号"+"的二义性说明
2013/03/04 Javascript
今天是星期几的4种JS代码写法
2013/09/17 Javascript
window.print打印指定div实例代码
2013/12/13 Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
2015/04/16 Javascript
jQuery实现进度条效果代码
2015/12/17 Javascript
关于数据与后端进行交流匹配(点亮星星)
2016/08/03 Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
2016/08/08 Javascript
理解JavaScript原型链
2016/10/25 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
2017/02/20 Javascript
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
详解.vue文件中style标签的几个标识符
2018/07/17 Javascript
vue添加axios,并且指定baseurl的方法
2018/09/19 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
Ant Design的Table组件去除
2020/10/24 Javascript
基于Vant UI框架实现时间段选择器
2020/12/24 Javascript
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
python中sets模块的用法实例
2014/09/30 Python
django接入新浪微博OAuth的方法
2015/06/29 Python
Python中关于Sequence切片的下标问题详解
2017/06/15 Python
对Python通过pypyodbc访问Access数据库的方法详解
2018/10/27 Python
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
大学生水果店创业计划书
2014/01/28 职场文书
绿化先进工作者事迹材料
2014/01/30 职场文书
2014厂务公开实施方案
2014/02/17 职场文书
竞选团支书演讲稿
2014/04/28 职场文书
简单的离婚协议书范本
2014/11/16 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
单位接收函格式
2015/01/30 职场文书
2015年保育员个人工作总结
2015/05/13 职场文书
请客吃饭开场白
2015/06/01 职场文书
早恋主题班会
2015/08/14 职场文书
安装配置mysql及Navicat prenium的详细流程
2021/06/10 MySQL
vue3获取当前路由地址
2022/02/18 Vue.js