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 相关文章推荐
Extjs 继承Ext.data.Store不起作用原因分析及解决
Apr 15 Javascript
js复制到剪切板的实例方法
Jun 28 Javascript
js中indexof的用法详细解析
Dec 24 Javascript
javascript 实现map集合
Apr 03 Javascript
JavaScript中使用Math.floor()方法对数字取整
Jun 15 Javascript
JavaScript ParseFloat()方法
Dec 18 Javascript
Node.js DES加密的简单实现
Jul 07 Javascript
JavaScript基础进阶之数组方法总结(推荐)
Sep 04 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
vue2.0 datepicker使用方法
Feb 04 Javascript
详解关于element el-button使用$attrs的一个注意要点
Nov 09 Javascript
微信小程序上传图片到php服务器的方法
May 23 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新手上路(十二)
2006/10/09 PHP
使用 MySQL 开始 PHP 会话
2006/12/21 PHP
PHP验证码函数代码(简单实用)
2013/09/29 PHP
Codeigniter框架的更新事务(transaction)BUG及解决方法
2014/07/25 PHP
PHP伪静态Rewrite设置之APACHE篇
2014/07/30 PHP
PHP经典面试题集锦
2015/03/19 PHP
PHP+sqlite数据库操作示例(创建/打开/插入/检索)
2016/05/26 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
jQuery 入门级学习笔记及源码
2010/01/22 Javascript
IE 当eval遇上function的处理
2011/08/09 Javascript
理解JavaScript的prototype属性
2012/02/11 Javascript
JS版微信6.0分享接口用法分析
2016/10/13 Javascript
Angular2使用vscode断点调试ts文件的方法
2017/12/13 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
2018/07/23 Javascript
详解Vue This$Store总结
2018/12/17 Javascript
vue集成kindeditor富文本的实现示例代码
2019/06/07 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
2019/09/18 Javascript
jquery 键盘事件 keypress() keydown() keyup()用法总结
2019/10/23 jQuery
Vue 实现拨打电话操作
2020/11/16 Javascript
python通过pil为png图片填充上背景颜色的方法
2015/03/17 Python
Python中的lstrip()方法使用简介
2015/05/19 Python
浅谈python中set使用
2016/06/30 Python
Python中协程用法代码详解
2018/02/10 Python
使用python3+xlrd解析Excel的实例
2018/05/04 Python
使用python将图片按标签分入不同文件夹的方法
2018/12/08 Python
解决Python pip 自动更新升级失败的问题
2020/02/21 Python
idealfit英国:世界领先的女性健身用品和运动衣物品牌
2017/11/25 全球购物
英国第一独立滑雪板商店:The Snowboard Asylum
2020/01/16 全球购物
美国最大最全的亚洲购物网站:美国亚米网(Yamibuy)
2020/05/05 全球购物
广告设计应届生求职信
2014/03/01 职场文书
2014年项目工作总结
2014/11/24 职场文书
入伍志愿书怎么写?
2019/07/19 职场文书
检讨书之工作不认真
2019/08/14 职场文书
jackson json序列化实现首字母大写,第二个字母需小写
2021/06/29 Java/Android
Java 常见的限流算法详细分析并实现
2022/04/07 Java/Android