首页 > web前端 > js教程 > 正文

Auntion-TableSort国人写的一个javascript表格排序的东西_javascript技巧

php中文网
发布: 2016-05-16 19:08:00
原创
1857人浏览过

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中
/**通过点击标签触发排序事件**/这一部分 
    打包下载

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号