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中 /**通过点击标签触发排序事件**/这一部分 打包下载
推荐阅读
论坛转贴工具中用到的正则表达式学习正则的好例子
电脑教程吧-常用论坛转贴工具
电脑教程吧-常用论坛转贴工具
TABLE {
FONT-SIZE: 14px
}
.style2 {font-weight: bold}
.style24 {font-weight: bold}
.style25 {
color: #0000FF;
>>>详细阅读
本文标题:Auntion-TableSort国人写的一个javascript表格排序的东西
地址:http://www.17bianji.com/kaifa2/JS/29984.html
1/2 1