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 相关文章推荐
网页自动跳转代码收集
Sep 27 Javascript
javascript 导出数据到Excel(处理table中的元素)
Dec 18 Javascript
清除div下面的所有标签的方法
Feb 17 Javascript
seaJs的模块定义和模块加载浅析
Jun 06 Javascript
js获取元素外链样式的方法
Jan 27 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
js运动应用实例解析
Dec 28 Javascript
浅谈Angular 的变化检测的方法
Mar 01 Javascript
vue2.x 对象劫持的原理实现
Apr 19 Javascript
vue 避免变量赋值后双向绑定的操作
Nov 07 Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 Javascript
three.js 实现露珠滴落动画效果的示例代码
Mar 01 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用strstr()函数阻止垃圾评论(通过判断a标记)
2013/09/28 PHP
php遍历数组的4种方法总结
2014/07/05 PHP
PHP简单实现DES加密解密的方法
2016/07/12 PHP
php如何计算两坐标点之间的距离
2018/12/29 PHP
用Javascript读取中文COOKIE的解决办法
2007/02/15 Javascript
关于viewport,Ext.panel和Ext.form.panel的关系
2009/05/07 Javascript
javascript日期对象格式化为字符串的实现方法
2014/01/14 Javascript
JavaScript数据类型判定的总结笔记
2015/07/31 Javascript
javascript电商网站抢购倒计时效果实现
2015/11/19 Javascript
基于jquery实现省市联动效果
2015/11/23 Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
2016/06/20 Javascript
JS触发服务器控件的单击事件(详解)
2016/08/06 Javascript
PhotoSwipe异步动态加载图片方法
2016/08/25 Javascript
详解angular ui-grid之过滤器设置
2017/06/07 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
2017/09/07 Javascript
详解vue-cli3多环境打包配置
2019/03/28 Javascript
监控微信小程序中的慢HTTP请求过程详解
2019/07/05 Javascript
使用layui的layer组件做弹出层的例子
2019/09/27 Javascript
JS实现鼠标按下拖拽效果
2020/07/23 Javascript
[00:52]DOTA2第二届亚洲邀请赛预选赛宣传片
2017/01/13 DOTA
Python只用40行代码编写的计算器实例
2017/05/10 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】
2019/06/18 Python
Django基础知识 web框架的本质详解
2019/07/18 Python
PyTorch中的Variable变量详解
2020/01/07 Python
python调用私有属性的方法总结
2020/07/24 Python
荷兰男士时尚网上商店:Suitable
2017/12/25 全球购物
影视制作岗位职责
2013/12/04 职场文书
入学生会自荐书范文
2014/02/05 职场文书
《永远的白衣战士》教学反思
2014/04/25 职场文书
励志演讲稿200字
2014/08/21 职场文书
质量负责人岗位职责
2015/02/15 职场文书
2015年小学校长工作总结
2015/05/19 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
python某漫画app逆向
2021/03/31 Python
Html5调用企业微信的实现
2021/04/16 HTML / CSS