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的匿名函数小结
Dec 31 Javascript
说说JSON和JSONP 也许你会豁然开朗
Sep 02 Javascript
js获取select标签选中值的两种方式
Jan 09 Javascript
js读取json的两种常用方法示例介绍
Oct 19 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
Nov 17 Javascript
对Web开发中前端框架与前端类库的一些思考
Mar 27 Javascript
jquery实用技巧之输入框提示语句
Jul 28 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
Sep 14 Javascript
新闻上下滚动jquery 超简洁(必看篇)
Jan 21 Javascript
angularjs实现的前端分页控件示例
Feb 10 Javascript
微信小程序开发之tabbar图标和颜色的实现
Oct 17 Javascript
JavaScript面向对象核心知识与概念归纳整理
May 09 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/12/21 PHP
谈谈新手如何学习PHP
2006/12/23 PHP
使用adodb lite解决问题
2006/12/31 PHP
PHP对文件夹递归执行chmod命令的方法
2015/06/19 PHP
PHP filter_var() 函数, 验证判断EMAIL,URL等
2021/03/09 PHP
获取URL地址中的文件名和参数的javascript代码
2009/09/02 Javascript
JavaScript中的细节分析
2012/06/30 Javascript
简介alert()与console.log()的不同
2015/08/26 Javascript
JS表格组件神器bootstrap table详解(基础版)
2015/12/08 Javascript
原生JS实现首页进度加载动画
2016/09/14 Javascript
PHP+jquery+ajax实现分页
2016/12/09 Javascript
js date 格式化
2017/02/15 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
2017/03/13 Javascript
ES6中Symbol类型用法实例详解
2017/04/06 Javascript
详解JS中的attribute属性
2017/04/25 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
2018/08/03 jQuery
详解小程序毫秒级倒计时(适用于拼团秒杀功能)
2019/05/05 Javascript
谈谈IntersectionObserver懒加载的具体使用
2019/10/15 Javascript
[02:54]DOTA2英雄基础教程 暗影牧师戴泽
2013/12/05 DOTA
[02:33]2014DOTA2 TI每日综述 LGD涉险晋级DK闯入胜者组
2014/07/14 DOTA
[40:55]Liquid vs LGD 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
详解Python中的静态方法与类成员方法
2017/02/28 Python
Python实现判断一个字符串是否包含子串的方法总结
2017/11/21 Python
django项目环境搭建及在虚拟机本地创建django项目的教程
2019/08/02 Python
selenium2.0中常用的python函数汇总
2019/08/05 Python
如何用css3实现switch组件开关的方法
2018/02/09 HTML / CSS
canvas里面如何基于随机点绘制一个多边形的方法
2018/06/13 HTML / CSS
英国领先的男士服装和时尚零售商:Burton
2017/01/09 全球购物
英国最大的笔记本电脑直销专家:Laptops Direct
2019/07/20 全球购物
JDO的含义
2012/11/17 面试题
2014年“向国旗敬礼”网上签名寄语活动方案
2014/09/27 职场文书
党的群众路线学习笔记
2014/11/06 职场文书
小班教师个人总结
2015/02/05 职场文书
小学生读书笔记范文
2015/06/30 职场文书
Python pandas读取CSV文件的注意事项(适合新手)
2021/06/20 Python
Python中super().__init__()测试以及理解
2021/12/06 Python