源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript多种数据类型表格排序代码分析

  • 时间:2021-06-08 05:02 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript多种数据类型表格排序代码分析
中文汉字排序、 中英文混合排序、 数据大小排序、 文件类型排序(后缀名排序) 日期时间排序、 价格排序、 中文混合数字排序; 使用方法:文档载入后new tableListSort(arguments,arguments)。 接受两个参数:第一个参数为必须的,可以是字符串ID,也可以是table对象;第二个可选参数,此参数为一个对象,{data:index,fileType:index,fn:function(){}};对象有三个可选的属性,第一个和第二个为扩展排序的数据类型,第三个参数为排序后需要执行的函数;如果表格数据中有需要排序的数据大小,如1KB 1MB 1GB 这样的数据类型的话,可以{data:index};index为表格需排序的某一列的下标值,从0开始计数,如表格的第二列为1KB MB这样的数据类型,{data:2};对象的第二个属性{fileType:index},此扩展排序为文件类型,如xml,jpg,exe这样的后缀名。index同样为列的下标值。 对象的第三个可选属性为一个排序后需执行的函数{fn:function(){执行的代码}}。 HTML代码中必须的元素为:table元素,table元素的第一行必须使用thead元素包含tr,tr中必须包含可点击排序的元素th;thead下一个sibling元素必须为tbody,tbody中需包含tr。排序数据使用td包含,table也可以包含caption和tfoot。 4月 11日, 更新:添加了排序后升序降序的标示图标。 自定义添加class 如果不打算添加 此属性可以为不设置,鼠标样式mymickey在脚本里面加好了不需要CSS添加。 table.Index为上一次被排序过的坐标值;table.Index初始化为null; fn:fini函数仅为排序过后需要执行的函数,就算没有它也是可以排序的,这里传递一个排序过后需要执行的函数仅仅是为了添加排序down和up的标示图标. 以下的源代码:
[url=http://www.1sucai.cn/jiaoben/32017.html]http://www.1sucai.cn/jiaoben/32017.html[/url]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部