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代码
Mar 07 Javascript
JavaScript Cookie显示用户上次访问的时间和次数
Dec 08 Javascript
JavaScript:new 一个函数和直接调用函数的区别分析
Jul 10 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
Sep 30 Javascript
禁止拷贝网页内容的js代码
Jan 22 Javascript
jquery实现checkbox 全选/全不选的通用写法
Feb 22 Javascript
js的Boolean对象初始值示例
Mar 04 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
Apr 12 Javascript
如何制作幻灯片(代码分享)
Jan 06 Javascript
微信小程序 picker 组件详解及简单实例
Jan 10 Javascript
vue-router 中router-view不能渲染的解决方法
May 23 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
Feb 05 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
PHP的反射类ReflectionClass、ReflectionMethod使用实例
2014/08/05 PHP
laravel 操作数据库常用函数的返回值方法
2019/10/11 PHP
JavaScript 使用技巧精萃(.net html
2009/04/25 Javascript
js获取html参数及向swf传递参数应用介绍
2013/02/18 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
2013/06/08 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
2015/09/22 Javascript
jQuery+css实现炫目的动态块漂移效果
2016/01/28 Javascript
JQuery点击事件回到页面顶部效果的实现代码
2016/05/24 Javascript
详解基于angular-cli配置代理解决跨域请求问题
2017/07/05 Javascript
jQuery 实现批量提交表格多行数据的方法
2018/08/09 jQuery
elementUI中Table表格问题的解决方法
2018/12/04 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
基于vue实现圆形菜单栏组件
2019/07/05 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
2019/10/26 Javascript
Vue实现商品飞入购物车效果(电商项目)
2019/11/26 Javascript
js实现简单抽奖功能
2020/11/24 Javascript
python实现统计代码行数的方法
2015/05/22 Python
python简单实现AES加密和解密
2019/03/28 Python
解决Pycharm后台indexing导致不能run的问题
2019/06/27 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
python用requests实现http请求代码实例
2019/10/31 Python
python3中关于excel追加写入格式被覆盖问题(实例代码)
2020/01/10 Python
Original Penguin英国官方网站:美国著名休闲时装品牌
2016/10/30 全球购物
美国护肤咨询及美容产品电商:Askderm
2017/02/24 全球购物
《桃花心木》教学反思
2014/02/17 职场文书
售后服务经理岗位职责范本
2014/02/22 职场文书
安全大检查实施方案
2014/02/22 职场文书
项目采购员岗位职责
2014/04/15 职场文书
党的群众路线教育实践活动整改落实情况报告
2014/10/28 职场文书
小学教师求职信范文
2015/03/20 职场文书
监守自盗观后感
2015/06/10 职场文书
队列队形口号
2015/12/25 职场文书
2016年党员学习廉政准则心得体会
2016/01/20 职场文书
《童年的发现》教学反思
2016/02/18 职场文书
win10+anaconda安装yolov5的方法及问题解决方案
2021/04/29 Python