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 相关文章推荐
使用AngularJS创建单页应用的编程指引
Jun 19 Javascript
图解Sublime Text3使用技巧
Dec 21 Javascript
浅谈JS使用[ ]来访问对象属性
Sep 21 Javascript
深入理解JS继承和原型链的问题
Dec 17 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
Apr 03 jQuery
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
vue-router+nginx 非根路径配置方法
Jun 30 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
Dec 03 Javascript
vue的for循环使用方法
Feb 12 Javascript
JS学习笔记之数组去重实现方法小结
May 29 Javascript
JS highcharts动态柱状图原理及实现
Oct 16 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读MYSQL中文乱码的解决方法
2006/12/17 PHP
PHP设计模式之工厂模式与单例模式
2016/09/28 PHP
laravel中的fillable和guarded属性详解
2019/10/23 PHP
刷新页面实现方式总结(HTML,ASP,JS)
2008/11/13 Javascript
javascript 得到变量类型的函数
2010/05/19 Javascript
js日期时间补零的小例子
2013/03/05 Javascript
getComputedStyle与currentStyle获取样式(style/class)
2013/03/19 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
jquery+css3实现会动的小圆圈效果
2016/01/27 Javascript
Angular1.x自定义指令实例详解
2017/03/01 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
2017/10/24 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
解决Webpack 热部署检测不到文件变化的问题
2018/02/22 Javascript
用原生 JS 实现 innerHTML 功能实例详解
2019/04/03 Javascript
Vue Echarts实现可视化世界地图代码实例
2019/05/07 Javascript
前端js中的事件循环eventloop机制详解
2019/05/15 Javascript
解决layui 表单元素radio不显示渲染的问题
2019/09/04 Javascript
Python的Django框架中的表单处理示例
2015/07/17 Python
python实现神经网络感知器算法
2017/12/20 Python
Python实现GUI学生信息管理系统
2020/04/05 Python
Python使用numpy模块创建数组操作示例
2018/06/20 Python
Flask之flask-session的具体使用
2018/07/26 Python
解决pycharm 误删掉项目文件的处理方法
2018/10/22 Python
Python使用import导入本地脚本及导入模块的技巧总结
2019/08/07 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
python hash每次调用结果不同的原因
2019/11/21 Python
Windows下pycharm安装第三方库失败(通用解决方案)
2020/09/17 Python
python中使用.py配置文件的方法详解
2020/11/23 Python
美国爆米花工厂:The Popcorn Factory
2019/09/14 全球购物
教师个人总结范文
2015/02/11 职场文书
计生个人工作总结
2015/02/28 职场文书
2016猴年春节问候语
2015/11/11 职场文书
浅谈redis缓存在项目中的使用
2021/05/20 Redis
2021年国漫热度排行前十,完美世界上榜,第四是美国动画作品
2022/03/18 国漫
德生BCL3000抢先使用感受和评价
2022/04/07 无线电