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 相关文章推荐
js压缩利器
Feb 20 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
Sep 23 Javascript
js中 javascript:void(0) 用法详解
Aug 11 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
Oct 28 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
Nov 02 Javascript
jQuery实现带水平滑杆的焦点图动画插件
Mar 08 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
Nov 04 Javascript
vue中使用iview自定义验证关键词输入框问题及解决方法
Mar 26 Javascript
vue组件挂载到全局方法的示例代码
Aug 02 Javascript
微信小程序如何使用云开发
May 17 Javascript
jQuery 选择器用法实例分析【prev + next】
May 22 jQuery
基于vue实现简易打地鼠游戏
Aug 21 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
Fatal error: Call to undefined function curl_init()解决方法
2010/04/09 PHP
8个必备的PHP功能实例代码
2013/10/27 PHP
php实现的pdo公共类定义与用法示例
2017/07/19 PHP
php校验公钥是否可用的实例方法
2019/09/17 PHP
javascript Base类 包含基本的方法
2009/07/22 Javascript
jQuery学习总结之jQuery事件
2014/06/30 Javascript
window.print打印指定div指定网页指定区域的方法
2014/08/04 Javascript
聊一聊Vue.js过渡效果
2016/09/07 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
2016/12/08 Javascript
JavaScript数组和对象的复制
2017/03/21 Javascript
关于jQuery中fade(),show()起始位置的一点小发现
2017/04/25 jQuery
vue.js实现带日期星期的数字时钟功能示例
2018/08/28 Javascript
jQuery实现的老虎机跑动效果示例
2018/12/29 jQuery
node.js开发辅助工具nodemon安装与配置详解
2020/02/06 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
uni-app实现获取验证码倒计时功能
2020/11/01 Javascript
基于Python实现文件大小输出
2016/01/11 Python
Python函数的周期性执行实现方法
2016/08/13 Python
python 数据的清理行为实例详解
2017/07/12 Python
wx.CheckBox创建复选框控件并响应鼠标点击事件
2018/04/25 Python
python中多个装饰器的调用顺序详解
2019/07/16 Python
详解Django-channels 实现WebSocket实例
2019/08/22 Python
对python中的装包与解包实例详解
2019/08/24 Python
matplotlib 多个图像共用一个colorbar的实现示例
2020/09/10 Python
Selenium+BeautifulSoup+json获取Script标签内的json数据
2020/12/07 Python
Canvas globalCompositeOperation
2018/12/18 HTML / CSS
飞利浦比利时官方网站:Philips比利时
2016/08/24 全球购物
Desigual英国官网:在线购买原创服装
2018/03/09 全球购物
农药学硕士毕业生自荐信
2013/09/25 职场文书
培训讲师岗位职责
2014/04/13 职场文书
2014年招商工作总结
2014/11/22 职场文书
考研英语辞职信
2015/05/13 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
golang特有程序结构入门教程
2021/06/02 Python
React配置子路由的实现
2021/06/03 Javascript
Kubernetes控制节点的部署
2022/04/01 Servers