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 相关文章推荐
javascript中的有名函数和无名函数
Oct 17 Javascript
JavaScript中的其他对象
Jan 16 Javascript
JS中把字符转成ASCII值的函数示例代码
Nov 21 Javascript
将form表单中的元素转换成对象的方法适用表单提交
May 02 Javascript
jQuery 删除/替换DOM元素的几种方式
May 20 Javascript
javacript使用break内层跳出外层循环分析
Jan 12 Javascript
jQuery插件jPaginate实现无刷新分页
May 04 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
Sep 23 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
May 11 Javascript
Vue.js实现表格渲染的方法
Sep 07 Javascript
让mocha支持ES6模块的方法实现
Jan 14 Javascript
基于Electron实现桌面应用开发代码实例
Jul 07 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
开源SNS系统-ThinkSNS
2008/05/18 PHP
thinkphp实现上一篇与下一篇的方法
2014/12/08 PHP
PHP SplObjectStorage使用实例
2015/05/12 PHP
php 利用array_slice函数获取随机数组或前几条数据
2015/09/30 PHP
针对PHP开发安全问题的相关总结
2019/03/22 PHP
js常用自定义公共函数汇总
2014/01/15 Javascript
不要使用jQuery触发原生事件的方法
2014/03/03 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
2015/08/13 Javascript
jquery ztree异步搜索(搜叶子)实践
2016/02/25 Javascript
浅谈如何实现easyui的datebox格式化
2016/06/12 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
javascript 解决浏览器不支持的问题
2016/09/24 Javascript
javascript中闭包概念与用法深入理解
2016/12/15 Javascript
Jquery Easyui日历组件Calender使用详解(23)
2016/12/18 Javascript
BootStrap与Select2使用小结
2017/02/17 Javascript
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
vue的diff算法知识点总结
2018/03/29 Javascript
js正则取值的结果数组调试方法
2018/10/10 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
2019/05/05 Javascript
Python实现爬取知乎神回复简单爬虫代码分享
2015/01/04 Python
Python中super关键字用法实例分析
2015/05/28 Python
Python for Informatics 第11章之正则表达式(二)
2016/04/21 Python
Python实现的简单dns查询功能示例
2017/05/24 Python
对numpy数据写入文件的方法讲解
2018/07/09 Python
使用python生成杨辉三角形的示例代码
2018/08/29 Python
python实现剪切功能
2019/01/23 Python
详谈tensorflow gfile文件的用法
2020/02/05 Python
pycharm 添加解释器的方法步骤
2020/08/31 Python
HTML5进阶段内联标签汇总(小篇)
2016/07/13 HTML / CSS
美国网上鞋城:Shoeline.com
2016/11/17 全球购物
Emporio Armani腕表天猫官方旗舰店:乔治·阿玛尼为年轻人设计的副线品牌
2017/07/02 全球购物
欧洲顶级的童装奢侈品购物网站:Bambini Fashion(面向全球)
2018/04/24 全球购物
购买英国原创艺术:Art Gallery
2018/08/25 全球购物
团队执行力培训心得体会
2015/08/15 职场文书
500字作文之关于爸爸
2019/11/14 职场文书
redis requires ruby version2.2.2的解决方案
2021/07/15 Redis